изменить атрибут CSS

Question

вопрос новичка в css:

У меня определен следующий стиль:

TABLE.tabulardata th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

Я хочу создать идентичный стиль, но с другим цветом фона.

вопрос: возможно ли параметризовать атрибут.Цвет фона в этом случае Или мне нужно скопировать тот же стиль снова

Answer 1

Как это?

.myclass {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    background: url(images/bg_header.jpg) no-repeat;
}


TABLE.tabulardata th {
    background-color: #CAE8EA;
}

Затем просто добавьте «myclass» к любому элементу, к которому вы хотите предоставить доступ к атрибутам.

Answer 2

Один из способов будет:

TABLE.tabulardata th, TABLE.tabulardataOther th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

TABLE.tabulardataOther th {
    background: #FFF url(images/other_header.jpg) no-repeat;
}

Это работает из-за приоритета CSS.Первая строка устанавливает tabulardata и tabulardataOther в один и тот же стиль.Затем вторая строка переопределяет только фон tabulardataOther (остальные атрибуты остаются прежними). ​​

Answer 3

это невозможно с чистым CSS. что вы можете сделать, это создать 3 стиля с классами, один из которых является общим для двух, а затем назначить их элементу

.font { font-family: Linux Biolinum; }
.red { color:red; }
.blue { color:blue; }

<div class="font red">red</div>
<span class="font blue">blue</span>

Answer 4

background-color: red