跳过类选择器

Question

有一个问题我希望有人可以帮助我。

示例代码：

<div class="Main">
 <div class="Variable">
  <div class="Target">
  </div>
 </div>
</div>

我想在“Main”类中定位“Target”类。因此，如果不是“变量”类，我可以使用它：

.Main .Target {}

但是，“变量”类介于两者之间。我无法指定“变量”类，因为类是可变的，并根据站点的布局而变化。

有没有什么方法我可以在“Main”类中定位“Target”类，而不知道“Variable”类，即跳过它？

提前致谢！

Answer 1

.Main .Target {}选择.Target的所有.Main个孩子，这就是我想要的。

如果您有其他样式覆盖它，或者您只想选择.Target的直接子项.Variable，请选择

.Main > div > .Target{}

Answer 2

您可以轻松使用它：

.Main .Target {}

它匹配所有后代，不仅直接。 （https://jsfiddle.net/LqheL0u1/）

然而，您无法使用以下内容，您可能认为这些内容与上述相同：

.Main > .Target {}

因为这会选择直接后代，即所谓的孩子。