Вопрос по nth CSS

Question

У меня 12 дел.

Мне нужно выбрать те, которые помечены как ЭТО.Я думал о какой-то детской магии?

Спасибо!

т.е.

<div class="feature"></div>
<div class="feature"></div> -> THIS
<div class="feature"></div>
<div class="feature"></div>
<div class="feature"></div> -> THIS
<div class="feature"></div>
<div class="feature"></div>
<div class="feature"></div> -> THIS
<div class="feature"></div>
<div class="feature"></div>
<div class="feature"></div> -> THIS
<div class="feature"></div>

Answer 1

Вы можете использовать псевдо-селектор n-го ребенка с числовым выражением:

div.feature:nth-child(3n+2) {
    background-color:#cccccc;
}

3n+2 означает каждую третью строку, начиная со второй строки.

Кстати, ссылка на SitePoint говорит о том, что все современные браузеры, кроме IE8, имеют полную поддержку.IE9 имеет полную поддержку, но убедитесь, что вы не находитесь в режиме совместимости .

Answer 2

Вам нужен селектор :nth-child(3n+2).

Ссылка: http://css -tricks.com / examples / nth-child-tester /

Answer 3

Опираясь на ответ Обсарфраза, N можно установить на 3n - 1

.feature:nth-child(3n-1){ ... }