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

Question

比方说，我有HTML这样的：

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

我想知道如何引用“C”在CSS中使用“A”，但没有界定“B”，因为类的内容各不相同，这将是困难使用它，所以我不能定义它。此外，必须包括“A”，因为“C”发生在网络的其他部分，我不能在那里改变它。

谢谢

Answer 1

您可以使用类似：

.a div .c { 
    ... 
} 

甚至这会工作，但会甚至包括直接孩子：

.a .c { 
... 
} 

Answer 2

.A .C{ 
    attribute goes here ; 
} 

Answer 3

你不需要中产阶级来定位一个孩子。如果您知道.B将是div，您可以使用.A .C { ... }或.A div .C { ... }作为目标，并且您希望以这种方式进行限制。

如果要限制深度，也可以使用子组合选择器。像.A > div > .C将针对您的示例的确切深度。