如何選擇沒有firstChild或n-child（）的孩子的孩子？

Question

我有這樣一個表：

<div id="unique_id"> 
    <div></div> 
    <div> 
     <div> 
      <div class="common_class"> 
       <table> 
       </table> 
      </div> 
     </div> 
    </div> 
</div> 

我想在common_class選擇表，但是，我撿了其他的東西。我想要的東西是這樣的：

#unique_id > .common_class > table 

但是，這是行不通的。爲了這個工作div.common_class必須是div＃unique_id的孩子。

注：我必須支持IE7，所以沒有nth-child（）選擇器。此外，我試圖避免JavaScript。注意：firstChild是允許的，但我正在尋找第二個div。

GC

Answer 1

#unique_id > .common_class要求.common_class是一個直接孩子的#unique_id（這不是你的情況）。

就避免>有：

#unique_id .common_class > table { 
 
    width: 100px; 
 
    height: 100px; 
 
    border: 1px solid red; 
 
}

<div id="unique_id"> 
 
    <div></div> 
 
    <div> 
 
     <div> 
 
      <div class="common_class"> 
 
       <table> 
 
       </table> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

或者使用確切樹：#unique_id > div > div > .common_class > table（但你真的不應該使用這種CSS的）。