选择元素下面的某些类的后代

Question

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

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

对于在该元素下面具有一组类的元素，是否可以执行相同的操作，例如：

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

那么任何具有类.classA .classB的子元素都会得到治疗吗？

我已经尝试了这个并且它似乎没有起作用，并且我不确定我是否走正确的道路或者我是否接近。

Answer 1

这是CSS的限制，您必须通过

重复自己

#myDiv > .classA, #myDiv > .classB 

作为你的选择器。大多数CSS预处理器都可以减少干扰问题。

Answer 2

是的，你可以 - 但你必须遵守规则。空格字符也是后代选择器，这不是您想要的。如果要选择具有两个类的所有后代，请尝试：

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