Wie wähle ich ein Kind eines Kindes ohne firstChild oder nth-child() aus?

Question

Ich habe eine Tabelle wie folgt aus:

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

Ich möchte die Tabelle in common_class wählen, aber ich andere Sachen bin Abholung. Ich möchte etwas wie:

#unique_id > .common_class > table 

Allerdings funktioniert das nicht. Damit dies funktioniert, müsste div.common_class das Kind von div # unique_id sein.

Hinweis: Ich muss IE7, also keine nth-child() Selektor unterstützen. Außerdem versuche ich Javascript zu vermeiden. Hinweis: FirstChild ist erlaubt, aber ich suche an einem Punkt nach dem zweiten Div.

GC

Answer 1

#unique_id > .common_class erfordert die .common_class ein direktes Kind #unique_id zu sein (und das ist nicht Ihr Fall ist).

vermeiden Nur die > es:

#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>

Oder verwenden Sie die genaue Baum: #unique_id > div > div > .common_class > table (aber man wirklich sollte nicht Verwendung dieser Art von css).