css - 选择元素下方具有某些类的后代

标签 css

在 css 中,我知道您可以使用 > 选择器选择其父级下方的元素:

#myDiv > p {
    line-height: 1;
}

是否可以对该元素下具有一组特定的元素执行相同的操作,例如:

#myDiv > .classA .classB {
  line-height: 1;
}

这样任何具有类 .classA .classB 的子元素都将得到处理?

我已经试过了,但它似乎没有用,我不确定我是否走在正确的道路上,或者我是否接近。

最佳答案

这是 CSS 的局限性,你必须重复一遍

#myDiv > .classA, #myDiv > .classB 

作为您的选择器。大多数 CSS 预处理器都可以降低保持内容干燥的难度。

关于css - 选择元素下方具有某些类的后代,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37311735/

相关文章:

html - 有条件地覆盖表上的 CSS 类

javascript - 我如何使用 JavaScript 在 React 的不同屏幕位置和大小中布置 ("draw") 动态生成的 <DIV>?

jquery - 具有最小和最大约束的可缩放背景图像

less - 使用 Less 和 SimpleLess 使 border-radius 变成椭圆形

html - Css 变换 3d

twitter-bootstrap - 水平对齐三个div

html - 在一个div里面做一个div

jquery - 如何使用旋转 css 以及 jQuery 可拖动 ASP.NET

html - 如何在 Firefox 中使用外部 CSS 设置 ShadowDOM 元素的样式?

css - 无法将背景图像添加到 Jumbotron for Rails App