选择器
属性选择器
[class] { color:red; } //将带有class属性的标签颜色设为red
[href] { color:red; } //将带有href属性的标签颜色设为red
[class^='fn'] { font-size:35px;} //将所有类型以fn开头的元素字体设置为35px
[class$='fn'] { font-size:35px;} //将所有类型以fn结尾的元素字体设置为35px
[class*='fn'] { font-size:35px;} //将所有类型包含fn的元素字体设置为35px
???[class!='fn'] { font-size:35px;} //将所有类型包含fn的元素字体设置为35px
伪类选择器
- ::first-child
//选择第一个元素 父元素下面的子元素当中的第一个 1
ul :first-child { color: blue; }
//选中ul下的第一个元素,并且该元素必须是li
ul li:first-child { color: blue; }
li:first-child {
color: blue;
}
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
</ul>
<div>
<li>11</li>
<li>21</li>
<li>31</li>
</div>