Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Общие вопросы » Чередование кратких новостей

Чередование кратких новостей


     css, shotstory    Все вопросы » Общие вопросы    2510

вопрос
Здравствуйте, если чередовать стили

.shotstory-photo:nth-child(2n){ /*Четные элементы*/
color:red;
}
.shotstory-photo:nth-child(2n+1){ /*нечетные*/
color:black;
}

и разместить их подряд:
red
black
red
black
red
black

то чередуются цвета, но если я помещаю
class='shotstory-photo'
в див краткой новости то обрабатывается только как условие №1. Т.е. все красное, подчкажите пожалуйста почему?

Ответил: D0Gmatist


div:nth-child(2n) .shotstory-photo{ /*Четные элементы*/
color:red;
}
div:nth-child(2n+1) .shotstory-photo{ /*нечетные*/
color:black;
}

4 комментария

lutskboy
Эксперт

lutskboy - -

Немного не понятно. Можете выложить пример на http://jsfiddle.net/ либо ссылку на сайт. Тогда быстрее помогут

lutskboy
Эксперт

lutskboy - -

в вашем случае http://jsfiddle.net/55yL7/4/

FastFud
Юзер

FastFud - -

jQuery

$(function(){
$('.ClassName:even').addClass('shotstory-photo');
// or $('.ClassName:odd').addClass('shotstory-photo');
});

D0Gmatist
Юзер

D0Gmatist - -

***Комментарий удален***

Похожие вопросы

наверх