Верстаю сча макет сервиса.. и задумался о том как хорошо было бы иметь наследование в css. Я говорю сейчас не наследовании параметров у parent’а, а о том наследовании когда мы сами можем указать от чего наследуется елемент.
допустим есть запись:
#body ul li { display:-moz-inline-stack; /*Needed Firefox*/ display:inline-block; /*Don't used in IE and Firefox*/ _overflow:hidden; /*Fix for IE6*/ zoom:1; /*Turn on hasLayout*/ *display:inline; /*With hasLayout true display:inline behave like display:inline-block*/ } #menu ul li { display:-moz-inline-stack; /*Needed Firefox*/ display:inline-block; /*Don't used in IE and Firefox*/ _overflow:hidden; /*Fix for IE6*/ zoom:1; /*Turn on hasLayout*/ *display:inline; /*With hasLayout true display:inline behave like display:inline-block*/ }
Как видим код дублируется и это крайне непритно и не функционально. А так хочется иметь что то типа:
@display_inline { display:-moz-inline-stack; /*Needed Firefox*/ display:inline-block; /*Don't used in IE and Firefox*/ _overflow:hidden; /*Fix for IE6*/ zoom:1; /*Turn on hasLayout*/ *display:inline; /*With hasLayout true display:inline behave like display:inline-block*/ } #body ul li { @inherit(display_inline) } #menu ul li { @inherit(display_inline) }
Some css hacks for cross browser markup that i often use
Подробнее »
Сегодня вот перебирал css и родилась идея верстать его в соответствии с представлением в шаблоне. Тоесть в том же порядке с той же вложенностью что и блоки html.
Довольно удобно. По крайней мере искать стили нужных блоков стало куда легче.
С дизайном одного сайта встала задача нарисовать красивые кнопочки для меню(в примере не они). При этом длинна текста в кнопочке не ограничивается а посему нужно, что бы она тянулась вертикально на столько на сколько нужно.