の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

あなたがいないa最初li要素を選択する必要があります。

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

あなたはliで最初aを標的にしています。

代わりに最初の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常に最初の子...

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>