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

ul的第一个子元素不是第一个<li>么?

ul的第一个子元素不是第一个<li>么?

提问者:胡震撼 2015-04-28 16:31

个回答

  • 慕前端3238256
    2020-07-11 18:17:50

    <ul>的第一个子节点(node)是#text "\n",第一个子元素(element)是<li>

  • 慕郎_莲华
    2015-04-28 18:04:07

    ul:fisrt-child 就是说ul是不是它爸爸的第一个儿子, 是的话 就红色,

  • Perona
    2015-04-28 17:05:50

    “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。

    ul:first-child {}是选择第一个子元素为列表ul,即把列表都给选择了。

    :前面加的是子元素。

    根据要求,可以是

    li:first-child {} 或者ul>li:first-child {}

    当然,我们也可以不要li,那么就是

    ul >:first-child{}或者ul :first-child {} 

    注:>表示子代选择器。ul和:之间是有空格,空格表示后代选择器。不过ul :first-child {} 这样做有个不好的地方,虽然除了第一<li>标签变成了红色其他<li>标签都没变,但是根据后代选择器,<a>标签也会继承红色。

  • 成者并非一蹴而就
    2015-04-28 16:56:24

    <ul>
    <li><a href="#">公告</a></li>
    <li><a href="#">规则</a></li>
    <li><a href="#">论坛</a></li>
    <li><a href="#">安全</a></li>
    <li><a href="#">公益</a></li>
    </ul>

    默认情况下,UL的第一个子元素是LI..但是不排除认为在UL中添加其他元素,比如P,SPAN !

  • 胡震撼
    2015-04-28 16:34:58

    ul的第一个子元素是什么?