CSS-извращения
Mar. 4th, 2011 11:43 am![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Пока жду вступления в профильные сообщества, спрошу тут, вдруг профи найдутся и помогут.
Вопрос: Есть ли (мне пока неивестная) возможность с помощью CSS сделать стиль зависимым от значения самого элемента? Не атрибута, а именно элемента.
HTML-код, который нужно стилизовать:
спасибо заранее за всевозможные советы!
Upd:
Реализовал все на скриптах, оказалось не сильно страшно. Но решение на CSS предпочту, если найду :)
Вопрос: Есть ли (мне пока неивестная) возможность с помощью 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 предпочту, если найду :)
no subject
Date: 2011-03-04 12:38 pm (UTC)Берем элемент, из него вытаскиваем innerhtml()
проверяем значение и меняем стиль другого элемента в зависимости от значения.
Исключительно на CSS мне решение не известно, хотя ходят слухи что в будущих релизах это будет. Но сейчас врядли возможно из-за разных броузеров.
no subject
Date: 2011-03-04 12:43 pm (UTC)просто в последнее время я стал более ленив и считаю, что там, где можно было бы обойтись без скриптов - нужно обязательно без них обходиться
Бритва Оккама, в общем :)
пройект на данный момент уже состоит из десятков килобайт моих скриптов плюс JQuery и JSTree, и я решил взять путь на упрощение и отказ от ненужных сущностей
no subject
Date: 2011-03-04 12:46 pm (UTC)Но жопное чувство мне подсказывает что такая фишка пока не возможна.
Посмотри спецификацию HTML5 - кажется там такое видел в разделе "новые возможности"
no subject
Date: 2011-03-04 12:53 pm (UTC)Если я правильно понял..
Date: 2011-03-04 08:28 pm (UTC)да и вообще http://www.quirksmode.org/css/contents.html - полезная ссылка :)
Re: Если я правильно понял..
Date: 2011-03-04 08:58 pm (UTC)цитата:
>сделать стиль зависимым от значения самого элемента? Не атрибута, а именно элемента.
Re: Если я правильно понял..
Date: 2011-03-04 09:00 pm (UTC)Re: Если я правильно понял..
Date: 2011-03-04 09:02 pm (UTC)Re: Если я правильно понял..
Date: 2011-03-04 09:25 pm (UTC)но все равно не отпускает мысль, что "должно быть как-то по-другому" :)
Re: Если я правильно понял..
Date: 2011-03-04 09:29 pm (UTC)