## css选择器:
a:基本选择器 b:层选择器
c:属性选择器 d:结构性伪类选择器
e:其他选择器
1.基本选择器:
ID选择器 #选择器[ id 的属性值]
class选择器 选择器[class的属性值]
标签选择器 标签名作为选择器
*通配符匹配所有
2.标签选择器:
a:匹配input标签中属性为name的采用此样式:
input[name]{
font-size:20px;
color:red;
}
b:匹配input标签中name属性的值是以u开头采用此样式:
input[name^=u]{
color:pink;
}
c:匹配input标签中name属性的值是以u结束的采用此样式:
input[name$=u]{
color:purple;
}
d:匹配input[a]标签中b属性的值中包含c字母采用此样式:
a[b*=c]{
background-color:yellow;
}
e:匹配a标签中b属性值有c单词采用此样式:
a[b~c]{
background-color:green;
}
f:匹配a标签中b属性值为c采用此样式:
a[b=c]{
background-color:red;
}
css选择器的基本属性方法
最新推荐文章于 2023-04-09 13:44:16 发布