E:first-child 匹配父元素中的第一个子元素E
E:last-child 匹配父元素中的最后一个E元素
E:nth-child(n) 匹配父元素的第n个子元素E
代码例子:
<style>
/* 选择ul里的第一个孩子 */
ul :first-child{
background-color: pink;
}
ul :nth-child(5){
background-color: aqua;
}
</style>
</head>
<body>
<ul>
<li>第1个孩子</li>
<li>第2个孩子</li>
<li>第3个孩子</li>
<li>第4个孩子</li>
<li>第5个孩子</li>
<li>第6个孩子</li>
<li>第7个孩子</li>
<li>第8个孩子</li>
</ul>
</body>
运行结果: