问答详情
源自：6-6 CSS3 结构性伪类选择器—first-child

: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，要怎么写？

提问者：佟舟 2017-02-06 16:13

个回答

  • 爱上慕婉清6262634
    2017-09-27 18:07:42

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

    0
  • 慕粉2243233869
    2017-02-12 22:57:08

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

    0
  • 云彩无色3804005
    2017-02-08 09:51:38

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

    .ul1 > li:first-child {

     color: red;

    }

    就可以实现 

    0
  • zz_y
    2017-02-06 16:30:33

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

    1