为了账号安全,请及时绑定邮箱和手机立即绑定

: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,要怎么写?

正在回答

6 回答

你的问题应该是怎么选中第一个ul吧

0 回复 有任何疑惑可以回复我~

ul>:first-child     ul>后面不要限定子元素即可

0 回复 有任何疑惑可以回复我~

第一个ul设置class='ul1'类,用

.ul1 > li:first-child {

 color: red;

}

就可以实现 

0 回复 有任何疑惑可以回复我~

在第一个ul上边添加一个class就好了

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

:first-child的意思是,如果 这个元素是它的父元素中的第一个子元素,那么就把它选上,是这么理解吧?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信