CSS - чередование фона псевдоклассом nth-child

CSS - чередование фона псевдоклассом nth-child


Есть несколько блоков, например, 100, и нужно задать им разный фон. Как быстро решить проблему? Воспользоваться псевдоклассом nth-child

Вот код к скриншоту выше:
.filmanc li{
border-bottom: 1px solid #ccc;
/*width: 100%;*/
list-style-type: none;
padding: 10px 0 10px 5px;
margin-left: 210px;
}

.filmanc li:first-child{
border-top: 1px solid #ccc;
}

.filmanc li:nth-child(even){
background: #f8f8ff;
}

.filmanc li:nth-child(odd){
background: #E9E9E9;
}


Работает не везде. В коротких новостях в виде блоков по две штуки в ряд не захотело и штамповало один и тот же цвет, а здесь, где блоки идут один под другим все нормально. Вот статья с подробным описанием на http://htmlbook.ru/

CSS - чередование фона псевдоклассом nth-child


Понравилась статья "CSS - чередование фона псевдоклассом nth-child" из раздела Веб разработка » HTML/CSS? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 2131   Дата: 18-дек-2014, 11:23

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика