css наследование

[a_drew]

Вопрос на 5
Может кто сталкивался в каких-нибудь фреймворках или видел какое-нибудь оригинальное решения для реализации css-наследования в стиле ООП?

Вкратце объясню в чем суть. Есть у нас сайт. У сайта есть какой-то общий стиль. Я имею в виду, например, общие цвета, используемые в оформлении текста, элементов, чего-угодно. И хотелось бы сделать что-то типа такого:
.red {color:#f33;}
a extends .red {text-decoration:underline;}
и получаем конечный стиль:
a {text-decoration:underline; color:#f33;}
Или, например, стили для того же IE:
.inline {display:inline;}
а потом его просто везде расширять. Ну и т.д.

[Alex Klimov]

a_drew, ты это где спросил вообще? ща те тут все расскажут про наследование...

[svga]

Сообщение от a_drew

видел какое-нибудь оригинальное решения для реализации css-наследования в стиле ООП?
....
а потом его просто везде расширять. Ну и т.д.

сначала это оригинальное решение напрочь потеряет кроссбраузерность при расширении, а уже потом все так перенаследуется, что концов для внесения малейших изменений - будет нереально найти.

[a_drew]

svga, во-первых, это может быть реализовано не только и не столько за счет браузера, сколько за счет какого-нибудь "пре-обработчика".
Во-вторых, в ООП все наследуется и пока никто не запутался. Так что я не думаю, что это актуальный недостаток. Ведь пока что в стандартной реализации каскадности стилей никто не запутался. Просто на мой взгляд это не очень удобно.

[svga]

Сообщение от a_drew

svga, во-первых, это может быть реализовано не только и не столько за счет браузера, сколько за счет какого-нибудь "пре-обработчика".

во-первых, абсолютно бессмыслено предполагать как это будет реализовано, конечная станция = браузер. я даже больше напишу - это разные браузеры.

Сообщение от a_drew

Во-вторых, в ООП все наследуется и пока никто не запутался. Так что я не думаю, что это актуальный недостаток.

а я на практике могу показать примеры, когда все верно, без всяких запутываний, но каг бэ - не работает на практике.
вернее, в силу отсутствия унификации вжевывания браузерами инструкций, отображают они всякие мудрено наследуемые ссs темы скажем так - разнообразно.

[a_drew]

svga, вы. по-моему, больше написали о том, что браузеры по разному осуществляют рендеринг страниц и интерпретируют стили. Я с вами в этом абсолютно согласен.
Только я спросил своем о другом.

[DRON-ANARCHY]

Я может неправильно тему понимаю, но в CSS наследования как такового нет. Можно просто указывать несколько классов для одного элемента через пробел.
например

.red {color: #f33;}
.bold {font-size: 20px;}
<p class="red bold">жажажа</p>

выведет красную "жажу" размером 20px

То есть в вашем примере вы можете завести себе классы
.red {color:#f33;}
.underline {text-decoration:underline;}

И прописать следующее <a href="#" class="red underline">блаблабла</a>
Будет заявленный в первом посту эффект

[alemiks]

Таких поделок море, самая известная http://lesscss.org/

[a_drew]

Во, это уже ближе к реальности. Спасибо!
А он на руби что ли?

[alemiks]

Сообщение от a_drew

А он на руби что ли?

Да, на и на пхп полно: http://interfacelab.com/variables-in-css-via-php/ , http://davidwalsh.name/css-variables-php-dynamic. Есть и для asp.net
погугли variables in css

[a_drew]

alemiks, я так понимаю, что вы ими уже давно пользуетесь. Ну как они вам? Пользуетесь?

[alemiks]

a_drew, нет, упоминали на хабре как-то. Я предпочитаю верстать по-старинке