Css第一个孩子

Question

标记第一个孩子而不是仅改变我的第一个元素的颜色会改变所有这些 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作为锚标签总是每个包含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>

Answer 2

您需要选择第一个li元素而不是a：

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

nav ul li:first-child a {
    color:#00e0d0;
}

Answer 3

您正在定位a中的第一个li。

取而代之的是第一个li。

像这样：

nav ul li:first-child a {
   color: #00e0d0;
}

Answer 4

您需要定位第一个li，而不是每个li中的第一个a：

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