2012-04-25 3 views
3

У меня возникла проблема, что я получил переменное количество дочерних элементов. My: last-child: правила первого ребенка должны применяться только в том случае, если есть как минимум 3 ребенкаCSS-селектор: child (> n)?

Я пробовал: только-ребенок, который может перезаписываться: последний и первый ребенок, когда есть только 1 ребенок , но когда у меня было 2 ребенка, у меня проблема. Есть ли какой-то селектор, который применяется только тогда, когда есть больше детей, чем n?

+1

Вы имеете в виду вы хотите стиль применить к _все_ детей, но _только_ если есть более 3-х детей? Нет, для этого вам понадобится Javascript. –

ответ

13

Используйте переключатель :nth-child(n+3) (где 3 - n-й минимальный ребенок).

:last-child:nth-child(n+3) { 
    /* Selects the last child which is at least the third child */ 
} 

Демо: http://jsfiddle.net/vCZ9A/

+0

Помните, что поддержка браузеров для этих псевдоселекторов не является фантастической. –

+0

@JezenThomas OP уже использует свойство css3. Что означает, что он не интересуется IE – sandeep

+0

@sandeep Мы не знаем, что вас интересует. Просто потому, что он что-то делает с CSS3, не означает, что он считается поддержкой браузера. –

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