css - CSS 选择器（或语句、容器、分隔符等）

Question

有 CSS 选择器的容器吗？

我只是好奇是否有更优雅的方法可以做到这一点而无需重复上课：

#div1 .divClass, #div2 .divClass { color:cyan; }

这是我的想法，但我认为没有办法做到这一点。

#div1,#div2 > .divClass { }
[#div1,#div2] .divClass { }

Answer 1

简短的回答：没有。

似乎您可以为两个 div 添加一个类。

<div id="div1" class="sharedClass"></div>
<div id="div2" class="sharedClass"></div>

.sharedClass > .divClass { color: cyan; }

无论如何，这个问题可以有多个答案。考虑查看LESS，它扩展了 CSS 功能。然后你可以做一些很棒的事情：

.divClass {
    /* ... */
}

#div1 {
    color: red;
    border: 1px solid blue;
    .divClass;
}

#div2 {
    color: cyan;
    border: 1px solid green;
    .divClass;
}

Answer 2

听起来您正在寻找类似LESS的东西，这是一种可以编译成普通 CSS 的样式表语言。在您的特定情况下，它可能无法完全满足您的需求（但话又说回来，它可能，我没有尝试过），但听起来它对您很有用。