Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Чередование кратких новостей

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


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

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

.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 - 26 июня 2014 18:45 -

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

lutskboy
Эксперт

lutskboy - 26 июня 2014 19:02 -

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

FastFud
Юзер

FastFud - 26 июня 2014 22:53 -

jQuery

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

D0Gmatist
Юзер

D0Gmatist - 26 июня 2014 23:10 -

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх