[identity profile] aterentiev.livejournal.com posting in [community profile] useful_faq
Пока жду вступления в профильные сообщества, спрошу тут, вдруг профи найдутся и помогут.

Вопрос: Есть ли (мне пока неивестная) возможность с помощью CSS сделать стиль зависимым от значения самого элемента? Не атрибута, а именно элемента.

HTML-код, который нужно стилизовать:
<div>Значение: <div class="value">true</div></div>
на данный момент представляет собой визуализацию некоего подобия "лампочки" aka LED (CSS), по умолчанию серенького цвета 10х10 пикселей с убиранием самого значения:

.value {
	color: #808080;
	background: #808080;
	top: 2px;
	height: 10px;
	width: 10px;
	border: 1px black solid;
	font-size: 0px;
}
хочется сделать ему зависимость от значения, например, чтобы если как в примере, значение равно "true", то цвет сделать зелененьким, если "false" - красным и т.п., т.е. что-нибудь типа
.value[value()=true] {
	color: green;
	background: green;
}
конечно, правильный путь - использование классов или на худой конец аттрибутов, но тут HTML генерируется по маске и изменять маску ввиду неудобочитаемости не хотелось бы...

спасибо заранее за всевозможные советы!

Upd:
Реализовал все на скриптах, оказалось не сильно страшно. Но решение на CSS предпочту, если найду :)

Date: 2011-03-04 12:38 pm (UTC)
From: [identity profile] trailmax.livejournal.com
javascript поможет.
Берем элемент, из него вытаскиваем innerhtml()
проверяем значение и меняем стиль другого элемента в зависимости от значения.

Исключительно на CSS мне решение не известно, хотя ходят слухи что в будущих релизах это будет. Но сейчас врядли возможно из-за разных броузеров.

Date: 2011-03-04 12:46 pm (UTC)
From: [identity profile] trailmax.livejournal.com
тогда придется ждать ответов людей, которые этим занимаются каждый день.
Но жопное чувство мне подсказывает что такая фишка пока не возможна.
Посмотри спецификацию HTML5 - кажется там такое видел в разделе "новые возможности"

Если я правильно понял..

Date: 2011-03-04 08:28 pm (UTC)
From: [identity profile] aresh.livejournal.com
http://www.quirksmode.org/css/selector_attributeAdvanced.html
да и вообще http://www.quirksmode.org/css/contents.html - полезная ссылка :)

Re: Если я правильно понял..

Date: 2011-03-04 09:00 pm (UTC)
From: [identity profile] aresh.livejournal.com
У элемента (тэга) нет значений. У него есть атрибуты со значениями.

Re: Если я правильно понял..

Date: 2011-03-04 09:02 pm (UTC)
From: [identity profile] aresh.livejournal.com
Аа.. понял. Вам надо иннертекст смотреть. Нет, такого в CSS нет, вроде.

Re: Если я правильно понял..

Date: 2011-03-04 09:29 pm (UTC)
From: [identity profile] aresh.livejournal.com
Должно. Но нету :)