Я не могу заставить css first_child работать

Question

Как правило, это невероятно простая задача. По какой-то причине, сегодня, похоже, он не хочет работать. Есть ли что-то, что я делаю неправильно? Я, наверное, звучу безумно глупо, задавая этот вопрос. :)

Вот код CSS:

#header > .navigation { 
    display: inline-block; 
} 
    #header > .navigation > a { 
     text-decoration: none; 
     color: #202020; 
    } 
     #header > .navigation > a:first_child { /* This is what isn't working */ 
      color: #ff0000; 
     } 

Вот HTML код:

<div id="header"> 
    <div class="navigation"> 
     <a href="#">Start</a> 
     <a href="#">Account</a> 
     <a href="#">Contact</a> 
     <a href="#">Whoah, what is this place?</a> 
    </div> 
</div> 

Есть ли проблема с .navigation отображается как встроенный блок? Необходимо, чтобы он сохранял аналогичный режим отображения, так как рядом с ним находится следующий div. Я не показываю этот div в приведенном выше коде, чтобы сделать это сообщение максимально простым.

Answer 1

Вместо:

#header > .navigation > a:first_child 

Использование:

#header > .navigation > a:first-child 

Answer 2

Попробуйте сейчас

Вот код CSS:

#header > .navigation { display: inline-block; } 
#header > .navigation > a { text-decoration: none; color: #202020; }  
#header > .navigation > a:first-child { /* dash not underscore */ color: #ff0000; } 

Answer 3

решаемые Ошибка

a:first-child{ ... } 

Соответствует <a> элементам, которые являются первым ребенком их родителей. Ваши элементы полностью отличаются от <li> -элементов, поэтому все они являются первыми детьми их родительского элемента.

См: a:first-child modifying all links within my list