CSS 选择器 : multiple classes descended from an ancestor

标签 css css-selectors

<分区>

有没有比这更好的方法来选择具有作为#height 后代的类选项或输入的元素,而不选择任何具有那些不是#height 后代的类的元素?

#height .inputs, #height .options

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

最佳答案

不,这就是 CSS 的设计方式,这也是我使用 LESS CSS 的原因之一。现在在我所有的元素上。使用 LESS,您可以通过嵌套选择器来构建更像 JavaScript 的 CSS。例如:

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

关于CSS 选择器 : multiple classes descended from an ancestor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15737225/

上一篇:css - 如何在 css 文件中创建别名或变量

下一篇:css - 如何将社交媒体图标排成一行?

相关文章:

html - 如何使整个列表项可点击?

css - 输入范围 slider 动画 CSS

css - 在 JQuery Mobile 中垂直对齐按钮

html - 带有 anchor 标记的列表项的CSS元素+元素选择器

css - 无法创建合适的 css 选择器

javascript - IE 仍然捕获全屏 div 后面的鼠标操作

javascript - jquery悬停和关闭问题

css - :before and :after selectors on internet explorer

selenium - 使用 selenium 提取网站的面包屑

css - 选择具有特定属性的元素