:first-child的意思是,如果 这个元素是它的父元素中的第一个子元素,那么就把它选上,是这么理解吧?
比如:
HTML代码:
<ul>
<li><a href="##">Link1</a></li>//被选中
<li><a href="##">Link2</a></li>
<li><a href="##">Link3</a></li>
<li><a href="##">Link4</a></li>
<li><a href="##">Link5</a></li>
</ul>
<ul>
<li>1</li>//被选中
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
CSS代码:
ul > li:first-child {
color: red;
}
-------------------------------------------------
那么问题来了,如果只想选中所有li的第一个li,要怎么写?