CSS选择器：来自祖先的多个类

Question

有没有比这更好的方法来选择带有类选项的元素或作为#height后代的输入而不选择那些不属于#height后代的类的元素？

#height .inputs, #height .options

#height似乎多余，但#height .inputs，.options选择页面上的所有class =“options”，而不仅仅是那些来自#height的那些。

Answer 1

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

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

Answer 2

metadept 绝对正确。逗号分隔您的选择器，并且由于您没有指定您希望.options为#height的子项，因此它将使用页面上的类.options定位每个元素。

LESS CSS是一个很好用的工具;您可能还需要考虑SASS - 它只是归结为您更熟悉的内容。