如何在不提及第一個孩子的情況下在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將針對您的示例的確切深度。