Вопрос по CSS @ DeForum.ru

Есть такая тема:

Код:

div.theader_blue {
   background-color:#328AD7;
   font-size:9pt; 
   font-weight: bold; 
   color: #FFFFFF; 
   padding: 3 0 3 10; 
   border-left: 1px solid #328AD7; 
   border-right: 1px solid #328AD7;
   border-top: 1px solid #328AD7; 
}
div.theader_green {
   background-color:#93CC3D;
   font-size:9pt; 
   font-weight: bold; 
   color: #FFFFFF; 
   padding: 3 0 3 10; 
   border-left: 1px solid #93CC3D; 
   border-right: 1px solid #93CC3D;
   border-top:   1px solid #93CC3D; 
}
div.theader_red {
   background-color:#ED5E11;
   font-size:9pt; 
   font-weight: bold; 
   color: #FFFFFF; 
   padding: 3 0 3 10; 
   border-left: 1px solid #ED5E11; 
   border-right: 1px solid #ED5E11;
   border-top:   1px solid #ED5E11; 
}
div.theader_orange {
   background-color:#E7A101;
   font-size:9pt; 
   font-weight: bold; 
   color: #FFFFFF; 
   padding: 3 0 3 10; 
   border-left: 1px solid #E7A101; 
   border-right: 1px solid #E7A101;
   border-top:   1px solid #E7A101; 
}

как видно это несколько div классов отличающиюся только цветом заливки и цветом рамки.
Вопрос: как можно упростить этот код. Грубо говоря так:

div_all (ширина,цвет текста, паддинг, болд)
|_____________________div_blue (цвет заливки, цвет рамок)
|_____________________div_red (цвет заливки, цвет рамок)
|_____________________div_green (цвет заливки, цвет рамок)

Я надеюсь вы меня поняли )) :lamer:

пишешь ситль для всех дивов, учитывае те места, которые для всех совпадают
div { дескрипторы }

а классы пишешь без привязки к div-ам

.blue { дескриторы };
.red { дескрипторы };

ну и так далее

спасибо, как вариант.

а если я допустим хочу сделать тоже самое только не для div
Скажем просто класс

.theader
|---- theader-blue
|---- theader-red
и тд ??

Можно попробовать три способа:
1. Указываешь в class тега оба класса через пробел, то есть <div class="all_theaders theader_red">.
2. Создать родительский тег который будет обьединять все эти дивы. Что лучше.
3. Прочесть спецификацию. За это очень уважают.

Да собственно всё равно. По синтаксису

Код:

.imyaClassa { descriptors}

ты задаёшь стиль для элементов, которые в коде HTML будут принимать его по class="imyaClassa"

Код:

<p class="imyaClassa"> Styled Paragraph </p>

Только не надо пробовать присвоить элементам те аттрибуты стиля, которые он физически не может принять. :laugh:

____
Ну и вот предыдущий оратор ответил, пока я писал, всё очень правильно, особенно 3 пункт.

да я искал где можно про структуру CSS почитать, но чето пока тщетно

Сюрприз: http://www.w3.org/Style/CSS/

Crazy,

пасиб..

Код:

div.theader_blue, div.theader_green, div.theader_red, div.theader_orange
{
   font-size:9pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 3 0 3 10;
   border-left: 1px solid #328AD7;
   border-right: 1px solid #328AD7;
   border-top: 1px solid #328AD7;
}
div.theader_blue {background-color:#328AD7}
div.theader_green {background-color:#93CC3D}
div.theader_red {background-color:#ED5E11}
div.theader_orange {background-color:#E7A101}

DeДверь
Логин:
Пароль:
	Автологин