Форум PHP программистов > CSS "сладывание стилей по частям"

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: CSS "сладывание стилей по частям"

AndryG

21.02.2007 - 15:18

Доброго времени суток.

Мой первый движок сайта уже обрел свою минимальную функциональность ! Я принимаю ваши поздравления

Теперь сел за оформление ... и вот такая заморочка:

Во многих стилях приходится прописывать одни и те же свойства с однаковыми значениями... и возникла мысль ... можно ли стили "складывать"?

Определяем стиль .Style_1 {property_1:value}

а потом во втором стиле пишем типа

.style_2{proprty_3:value; + style_1} -- дабы стиль 2 приобрел свойства стиля 1.

надеюсь объяснил, что я хочу ... сразу скажу ... учебников налистался - не нашел ответа

Спустя 3 минуты, 29 секунд (21.02.2007 - 14:22) md5 написал(а):

class="style1 style2"

ps поздравляю

Спустя 22 минуты, 26 секунд (21.02.2007 - 14:44) AndryG написал(а):

Цитата(md5 @ 21.2.2007, 13:22) [snapback]13796[/snapback]

class="style1 style2"

А при самом определнии стиля никак? ну впихнуть style2 в определение style1 ?? Так намного меньше писанины

Спустя 9 минут, 20 секунд (21.02.2007 - 14:53) loginsan написал(а):

Плохо учебники читал. Там черным по белому написано что указания свойств группе объектов их идентификаторы перечислять через запятую. Например: .style_1, .style_2, div#special {стили}

Спустя 18 минут, 31 секунда (21.02.2007 - 15:12) md5 написал(а):

loginsan, ему нужно что-то вроде наследования стилей =)

Спустя 12 минут, 22 секунды (21.02.2007 - 15:24) AndryG написал(а):

Читал

... но только я про обратную запись говорю .

У меня текущая таблица:

PHP

 
DIV.zag_blc { border-top      :1px solid #FFFFFF;
                  border-left     :1px solid #FFFFFF;
                  background-color:#AFCDAC;
                 .....
                }
DIV.copyright   {border-top       :1px solid #FFFF00;
                 border-left      :1px solid #FFFF00;
                 padding          :1px;
                 ......
                }

Ваш вариант (loginsan) предполагает

PHP

 
DIV.copyright, DIV.zag_blc  {border-top       :1px solid #FFFF00;
                 border-left      :1px solid #FFFF00;}
 
DIV.zag_blc {
                  background-color:#AFCDAC;
                 .....
                }
DIV.copyright   {
                 padding          :1px;
                 ......
                }

Я же хочу типа

PHP

 
.objem  {border-top       :1px solid #FFFF00;
                 border-left      :1px solid #FFFF00;}
 
DIV.zag_blc { INCLUDE <objem>
                  background-color:#AFCDAC;
                 .....
                }
DIV.copyright   {
                 INCLUDE <objem>
                 padding          :1px;
                 ......
                }

Я не спорю ... и Ваш и MD5 варианты исправляют дело, если я откажусь от объемных элементов и убирать придется намного меньше в таблице .. но ... хочется "include"

Спустя 44 минуты, 12 секунд (21.02.2007 - 16:08) loginsan написал(а):

К сожалению не знаком со спецификациями CSS2 и CSS3 - может в них есть то, что вы ищете. Пока-что в css наследственность подразумевается как наследование стиля внешнего по отношению к данному элемента. Есть идея заключить всех необходимых потомков в элементы-предшественники (div.objem)

Спустя 59 минут, 16 секунд (21.02.2007 - 17:08) AndryG написал(а):

спасибо всем!

Сделал отдельный стиль и напихал туда кучу селекторов ... прикольно получается ... одним махом можно убрать объемность :-) пригодится в стиле для распечатки... наверно.

Кстати

http://www.andryg.ho.com.ua/v2/ -- мои первые потуги в дизайне ... точнее не дизайне (его я просто копирую с одного сайта), а в реализации... ну нет у меня "чуства прекрасного"

_____________
AndryG

Быстрый ответ:

Здесь расположена полная версия этой страницы.