“html5”的CSS3选择器中“:first-child”和“:last-child”是什么？

Question

如题所述

Answer 1

选择父级下第一个元素和最后一个元素
如：
<ul class="list">
<li>aaaa</li>
<li>bbbb</li>
<li>ccccc</li>
<li>dddd</li>
</ul>
.list li:first-child{color:#f00;} //只有aaa变红色
.list li:last-child{font-weight:bold;} //只有dddd变粗体