Форум Сайтостроение Веб-строительство

Изменить цвет через jquery или css

Апокалипсис
На сайте с 02.11.2008
Offline
391
Апокалипсис
647

Господа верстальщики, подскажите.

Можно как то изменить цвет фона div class="pollbar" - первый div красный, второй зеленый, третий синий, и т.п. через jquery или css ?


<div id="polls-16-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
		<li><strong>Нравится:  46 (68%)</strong><div class="pollbar" style="width: 68%;" title="Вы выбрали - Нравится (68% | 46)"></div></li>
		<li><strong>Не нравится:  22 (32%)</strong><div class="pollbar" style="width: 32%;" title="Не нравится (32% | 22)"></div></li>
	</ul>
</div>


.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	border: 1px solid #c8c8c8;
}

Допустим как то привязаться к wp-polls-ul, подскажите куда копать?

Я не хочу лезти в генофонд этого плагина, как то подцепить бы по wp-polls-ul

Записки нищего (http://zapiskinishego.ru) - мой личный блог Услуги php программиста. Очень нужна любая работа. Не покупают? Поведенческий аудит интернет-магазина за 5000 руб. (/ru/forum/990312)
[Удален]
#1

.pollbar:nth-child(1) { background-color:red; }

.pollbar:nth-child(2) { background-color:white; }

.pollbar:nth-child(3) { background-color:black; }

....

---------- Добавлено 25.01.2014 в 20:10 ----------

есть одно но. Вам нужно задать стиль не .pollbar а для strong

IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#2

Для такой вёрстки nth- считать нужно не для .pollbar, а для li

li:nth-child(1) .pollbar { border-color:red; }
li:nth-child(2) .pollbar { border-color:blue; }
li:nth-child(3) .pollbar { border-color:black; }

http://jsfiddle.net/dLTKf/

* да, штука не кроссбраузерная http://caniuse.com/#search=nth-child - если (IE<9) критично - "добавка" требуется.

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий