我可以将 2 种以上的样式组合成一个超级样式吗？答案

【问题标题】：Can I join 2+ styles together into a superstyle?我可以将 2 种以上的样式组合成一个超级样式吗？
【发布时间】：2011-01-27 05:16:08
【问题描述】：

我希望将 2 种样式结合在一起，以制作一种超级样式，以便于使用和自定义我的页面。

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

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

.boldColor {.bold; .color1;}

where .boldColor is effectively

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

我想要这个，这样我就可以在整个页面中拥有样式，并且能够轻松地在 1 个位置更改多个位置的颜色。我目前正在使用<p class="bold color">，但我的一些课程定义变得很长，所以我希望能够使用<p class="boldColor">

谢谢

【问题讨论】：

标签： css class styles

【解决方案1】：

查看LessCss (.NET version)

【讨论】：

【解决方案2】：

不，你不能这样做。你目前的做法是理想的。

【讨论】：

【解决方案3】：

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

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

.color1, .boldColor {
    color: white;
}

这样class="boldColor" 将具有与class="color1 bold" 相同的效果。

【讨论】：

【解决方案4】：

这在使用普通 CSS 时是不可能的。正如您已经说过的，您通常会通过组合类名来做到这一点：bold color

有一些 CSS“预编译器”可以在 CSS 样式表上做一些高级的事情，比如处理变量。我不知道有什么会像您要求的那样进行“类融合”，但我相信它们有助于减少代码大小。例如，查看LESS 和xCSS。

【讨论】：

【解决方案5】：

不，CSS 规范不支持这一点。

【讨论】：