CSS选择器。我一定没有正确理解这一点

CSS选择器。我一定没有正确理解这一点,css,css-selectors,Css,Css Selectors,我找不到第五个锚标签。我只是想将最终的锚从列表的其余部分直观地分离出来,但我仍然希望将其分组(显然是通过ul) 感谢您的帮助 ul> <li>PORTFOLIO:</li> <li><a href="index.html">layout</a></li> <li><a href="logo.html">logo design</a></li>

我找不到第五个锚标签。我只是想将最终的锚从列表的其余部分直观地分离出来,但我仍然希望将其分组(显然是通过ul)

感谢您的帮助

ul>
    <li>PORTFOLIO:</li>
    <li><a href="index.html">layout</a></li>
    <li><a href="logo.html">logo design</a></li>
    <li><a href="print.html">print design</a></li>
    <li><a href="mailto:blahblahblah&#64;yahoo.com">Contact Me</a></li>
</ul>



#mainNav a {
    color:#428896;
    text-decoration: underline;
}

#mainNav ul>:first-child {
    letter-spacing: 2px;
    text-decoration: none;
}

#mainNav ul li:nth-child(5) {  
  padding-left: 50px;
}
ul>
  • 投资组合:
  • #主导航a{ 颜色:#428896; 文字装饰:下划线; } #主导航ul>:第一个孩子{ 字母间距:2px; 文字装饰:无; } #第n名儿童(5){ 左侧填充:50px; }
    您的最后一个
    li
    未关闭是打字错误吗?

    如果您想要最后一个锚,为什么不使用:

    ul li:last-child a{
        letter-spacing: 2px;
        text-decoration: none;
        color:red;
    }​
    


    在您的示例中,ul没有#mainNav id

    您的CSS是错误的<代码>填充:左:50px
    左填充:50px

    ul li:nth-child(5) {  
      padding-left: 50px;
    }​
    

    您的选择器很好。左填充的属性是
    padding left
    ,而不是
    padding:left


    查看此小提琴>

    什么浏览器?这不是所有的CSS都支持的。你的CSS是错误的<代码>填充:左:50px
    左填充:50px
    ul>:第一个孩子
    我不是CSS专家,但这有效吗?是不是应该是
    ul>li:first child
    ?@rlemon:Yes,
    ul>:first child
    ul>*:first child
    相同。粘贴代码时需要小心,并清楚地解释您要查找的内容。就目前而言,有许多错误和不一致可能导致错误的假设。即使是这样,也不会以任何方式影响DOM,除非
    标记后面有其他内容。我很抱歉。最后一个在我的实际代码中,但没有正确复制。最后一个孩子的IE支持不好。我认为第n个孩子的IE支持不好too@JezenThomas:不,完全一样。