<分区>
标签 css
<分区>
Possible Duplicate:
Avoiding repeated constants in CSS
我想在一个类中包含一个类 - 有点像对一个类进行可变化 - 这样我就可以定义一些东西并在整个工作表中使用它。如果我改变颜色，一切都会改变。
.myFontColor{color:blue;}
.myTitle{font-size:large; myFontColor}
.myHeader{font-weight:bold; myFontColor}
我看到的唯一方法是。要在定义中包含每个类名，但如果我在工作表中有 20 或 30 个元素引用该颜色，它会很快变得丑陋。
.myFontColor, .myTitle, .myHeader{color:blue;}
.myTitle{font-size:large;}
.myHeader{font-weight:bold;}
或者在我创建元素时列出每个类，这也变得有点困惑。
<div class="myFontColor myTitle myHeader">
感谢您的帮助。
最佳答案
我能想到的唯一方法是使用 javascript 动态分配属性。例如，列出您要配置的所有属性(例如 color、font-size、font-weight)和列出您要配置的所有类(例如.myHeader、myTitle 等)。然后做这样的事情:
for (x=0; x< cssClasses.length; x++)
{
addAttribs(cssClasses[x]);
}
function addAttribs(class)
{
$("." + class).css("color","#444");
$("." + class).css("font-weight","bold");
//And so on..
}
这可能是您可以获得的最接近的，并且它将具有存储在一个函数中的所有属性的优势，因此如果您在那里更改它，它将在其他地方更新。
编辑:顺便说一下，我正在使用 Jquery在 addAttribs() 函数中轻松访问和设置 css 属性。
关于css - 可变化 CSS 类？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/711558/