html - 如何在不提及第一个 child 的情况下在 css 中定义 child 的 child ？

Question

假设我有这样的 html:

 <div class="A">
    <div class="B">
        <div class="C">
            Some more detailed code....
        </div>
    </div>
</div>

我想知道如何在CSS中使用“A”来引用“C”，而不定义“B”，因为类内容不同并且很难使用它，所以我无法定义它。还必须包括“A”，因为“C”出现在网络的其他部分，我不能在那里更改它。

谢谢

Answer 1

你可以使用类似的东西:

.a div .c {
  ...
}

或者即使这样也行得通，但甚至会包括直系子代:

.a .c {
 ...
}