Как задать стили для li без указания названия класса?

Question

[Сергей Горячев]

Ребятки, подскажите jsfiddle.net/webirus/3sgwsatq
Как указывать стили для li списков правильно, чтобы не дописывать class="block1" и так далее.
Чтобы в CSS просто писать li... {background:red:}.
В CSS можно высчитывать номер li в списке?

Answer 1

[Web_Questions]

Воспользуйтесь псевдо классом nth-child
htmlbook.ru/css/nth-child
в данном случае
.nav li:nth-child(1) {...}
.nav li:nth-child(2) {...}
.nav li:nth-child(3) {...}
.nav li:nth-child(4) {...}
.nav li:nth-child(5) {...}
класс .nav присвоить тегу ul...но это по желанию если у тебя больше нет li можешь не добавлять, но лучше подстраховатся

Comments

[Сергей Горячев]

Спасибо, гуглил, но не знал, как сформулировать правильно вопрос. Очень понятный и развернутый ответ.

[Web_Questions]

Sergey Goryachev: пожалуйста

Answer 2

[Dmitriy Mozgovoy]

htmlbook.ru/css/nth-child