1、:first-child与:last-child选择器单独指定第一个元素和最后一个子元素的样式
例如:
<style>
li:first-child { background:#ff0;}
li:last-child { background:#00f;}
</style>
<body>
<h1>标题</h1>
<ul>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
<li>列表四</li>
</ul
</body>
2、:nth-child与:nth-last-child选择器:对指定序号的子元素使用样式
<style>
li:nth-child(2) { backgroun:#ff0;}
li:nth-last-child(2) { backgroun:#ff0;}
</style>
<body>
<h1>标题</h1>
<ul>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
<li>列表四</li>
</ul
</body>