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

纯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 3

一种方法是：

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 4

background-color: red

更改css的属性

4 个答案: