如何在不提及第一个孩子的情况下在css中定义孩子的孩子？

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 {
 ...
}

Answer 2

.A .C{
   attribute goes here  ;
}

Answer 3

您不需要中产阶级来定位孩子。您可以定位.A .C { ... }或.A div .C { ... }，如果您知道.B将是div，并且您希望以此方式限制它。

如果要限制深度，也可以使用子组合子选择器。与.A > div > .C一样，您的目标就是针对您的示例的确切深度。