使用CSS在樹中選擇父層n層？

Question

我有一個應用程序，具有20層以上div的相對複雜的DOM結構。

如果我有一個與class="active"在樹中間的某個div，我怎樣才能選擇它的父親n層使用CSS樹？

例如，如何在下列樹中選擇以大寫形式（上4層）標記的div？ ：

<DIV> 
    <div> 
    <div> 
     <div> 
     <div class="active"> 
     </div> 
     </div> 
     <div> 
     </div> 
    </div> 
    </div> 
</DIV> 

同樣考慮第一胎嗎？如何選擇第一個孩子n層下來的樹？

Answer 1

基於這篇文章，我發現標題爲CSS4 Preview，它將有可能在CSS4中設計父元素。文章指出，這將是可能的風格父元素像下面這樣：

$div > div > div > div.active { border: 1px solid #ccc; } 

（假設的例子就是風格的div嵌套3層起來與div.active樹）

讓我們回到我的應用程序，使用PHP和內聯CSS，我將能夠控制n（嵌套深度）。

直到CSS4雖然，我會使用某種jQuery解決方案。

Answer 2

不幸的是，there is no such thing as a parent selector。你必須直接在所需的元素上設置一個類，無論是手工，還是一些服務器端代碼，或通過JavaScript。