2013-10-11 3 views
8

Я знаю кучу псевдокласс (первый ребенок, последний ребенок, n-й ребенок), но у меня возникают проблемы с выбором первых 2 детей в списке или последних 2, список является динамическим и все время меняется, так что я не могу цель основана на подсчете Для первых двух детей вы можете использовать ЛиОриентация на первых 2 детей или последние 2 детей

<ul> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
</ul> 
+0

У вас есть доступ к коду? Можете ли вы добавить классы в список? – CDub

+0

Или еще лучше, вы можете сделать это с помощью jQuery. – CDub

ответ

13

:

ul li:nth-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/1/

Для т он последние два:

ul li:nth-last-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/

+1

Можете ли вы объяснить, что делает -n в селекторе? – Kierchon

+0

будет ли он работать нормально? –

+5

@ Deekey: ссылки для скрипки есть для вас, чтобы попробовать их. Попробуйте нажать на них. – BoltClock

Смежные вопросы