:first-child的意思是，如果 这个元素是它的父元素中的第一个子元素，那么就把它选上，是这么理解吧？
来源：6-6 CSS3 结构性伪类选择器—first-child
佟舟
2017-02-06 16:13
比如：
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，要怎么写？
写回答
关注
4回答
-
- 爱上慕婉清6262634
- 2017-09-27 18:07:42
你的问题应该是怎么选中第一个ul吧
-
- 慕粉2243233869
- 2017-02-12 22:57:08
ul>:first-child ul>后面不要限定子元素即可
-
- 云彩无色3804005
- 2017-02-08 09:51:38
第一个ul设置class='ul1'类,用
.ul1 > li:first-child {
color: red;
}
就可以实现
-
- zz_y
- 2017-02-06 16:30:33
在第一个ul上边添加一个class就好了
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242193 学习 · 2623 问题
相似问题