nth-child

[Struggle]

http://jsfiddle.net/6jsY9/1/

я не тру с псевдоклассами,но почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех, ну или выкрутиться из ситуации?

Edited August 3, 2013 by Struggle

[mrnobody]

Попробуйте сделать таким селектор:

.menuleft>li:nth-child(1) a{
/*стили*/
}
.menuleft>li:nth-child(2) a{
/*стили*/
}
/*Альтернативно*/
.menuleft>li:first-child a{
/*стили*/
}
.menuleft>li:last-child a{
/*стили*/
}

[Struggle]

1 вариант сработал, может кто подкинет линк на статью с использованием ">" ? читал давненько, подзабыл

[mrnobody]

http://stepbystep.htmlbook.ru/?id=53

[SelenIT]

почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех

Селекторы читаются справа налево. Буквально: ссылка, являющаяся первым потомком своего родителя, лежащая где угодно внутри li, лежащего где угодно в элементе с классом menuleft. Этому условию соответствуют все ссылки в меню, а не только ссылка в первом li (для нее селектор был бы li:nth-child(1) a).

[Alarr]

.menuleft li a:nth-child(1)

Да, такое может случайно напсаться если глаз уже замылился, надо не так:

.menuleft li a:nth-child(1) ,

а так

.menuleft li:nth-child(1) a