Question

我希望将两种风格结合在一起，制作超级风格，方便我的页面使用和自定义。

是否可以定义这样的东西？（如果是这样的话）

.bold { font-weight: bold;}
.color1 {color: white;}

.boldColor {.bold; .color1;}

where .boldColor is effectively

.boldColor {font-weight:bold; color:white;}

我想要这样，以便我可以在页面上拥有样式，并且能够在一个地方轻松更改许多地方的颜色。我目前正在使用<p class="bold color">，但我的一些类定义变得越来越长，所以我希望能够使用<p class="boldColor">

由于

Answer 1

你无法完全按照要求去做，但是你可以通过使用逗号分隔多个共享相同属性的css选择器来获得类似的效果。

.bold, .boldColor {
    font-weight: bold;
}

.color1, .boldColor {
    color: white;
}

这种方式class="boldColor"与class="color1 bold"具有相同的效果。

Answer 2

使用普通的CSS无法做到这一点。正如您所说，您通常会通过组合类名来执行此操作：bold color

CSS“预编译器”可以在CSS样式表上执行高级操作，例如使用变量。我不知道你提出的任何“类融合”，但我确信它们可以帮助减少代码大小。例如，请查看LESS和xCSS。

Answer 3

不，CSS规范不支持此功能。

Answer 4

不，你不能这样做。你现在如何做到这一点是理想的。

Answer 5

结帐LessCss（.NET version）

我可以将2种风格加入到超级风格中吗？

5 个答案: