:first-child 伪类 代表了一组兄弟元素中的第一个元素。

li:first-child: 表示是个<li>, 并且这个<li>是必须他爹的第一个儿子.

<style>
li:first-child{
    color: red;
}
</style>
<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>
<ul>
    <li>aa</li>
    <li>bb</li>
    <li>cc</li>
</ul>
<ul>
    <p>冒牌货</p>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
</ul>

注意:

• :first-child从IE7才开始兼容.

多学一招:

• 其实, css3增加了一个对应的伪类:last-child, 从IE9开始兼容.

CSS3中新增了更多的功能丰富的选择器, 再后面的课程中再详细讲解.