css - CSS 选择器：一个祖先的多个类

Question

有没有比这更好的方法来选择具有类选项或作为#height 后代的输入的元素，而不选择任何具有非#height 后代的类的元素？

#height .inputs, #height .options

#height 似乎是多余的，但 #height .inputs,.options 会选择页面上的所有 class="options"，而不仅仅是从 #height 继承的那些。

score 3 · Accepted Answer

不，这就是 CSS 的设计方式，这也是我现在在所有项目中使用LESS CSS的原因之一。使用 LESS，您可以通过嵌套选择器将 CSS 构建得更像 JavaScript。例如：

#height {
    .inputs, .options {
        /* properties */
    }
}

score 2 · Accepted Answer

metadept是绝对正确的。逗号分隔您的选择器，并且由于您没有指定要作为.options子级的#height，因此它将针对.options页面上具有该类的每个元素。

LESS CSS是一个很好用的工具；您可能还想考虑SASS - 它归结为您更喜欢什么。

2 回答 2