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 не 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 2

Вы ориентируетесь первый a в li.

Вместо этого назначьте первый li.

Как это:

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

Answer 3

Вы должны предназначаться первый 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 4

вам необходимо выбрать Ли, который является первым ребенком, как якорь тег всегда первый ребенок каждого из них содержит 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>