Css 第一个 child

Question

标签 first child 而不是只改变我的第一个元素的颜色改变了所有这些 http://codepen.io/asaf147369/pen/rjELxq

    nav ul li a {
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 14px;
    }
    nav ul li a:first-child
     {
        color:#00e0d0;
    }

有什么帮助吗？

Answer 1

您需要选择 li，它是第一个子标签，因为 anchor 标记始终是每个包含 li 的第一个子标签 .. 所以所有“a”标签都被选中

li:first-child a {
color: red
}

<ul>

  <li><a> one </a></li>
  <li><a> one </a></li>
  <li><a> one </a></li>
  <li><a> one </a></li>


</ul>