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

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".