CSS3

选择器

属性选择器

[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>