Wie wähle ich den TD des TH, auf den er nur mit CSS verweist?

Question

Ich sah JavaScript-Antworten, aber nicht nur CSS. Ist es möglich, nur mit CSS auf die Tabellenzelle zu verweisen, auf die der Tabellenkopf verweisen soll?

Wenn ich habe:

<table id="required-education"> 
     <thead> 
      <tr> 
      <th class="tbl-requirement-subheader" colspan=3> 
       Basic Skills (General Core) Courses - Area III 
      </th> 
      </tr> 
      <tr> 
      <th class="tbl-area-description" colspan=3> 
       Social/Behavioral Sciences 

      </th> 
      </tr> 
      <tr> 
      <th class="tbl-class-header">Class Name</th> 
      <th class="tbl-class-header">Description</th> 
      <th class="tbl-class-header">Hours</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
      <td> <!-- how do I select these next three td cells only with only CSS? --> 
       EMPL 999 
      </td> 
      <td>Interpersonal Relations and Professional Development</td> 
      <td>2</td> 
      </tr> 

      <tr> 
      <td class="tbl-class-decription" colspan=3>a description 
    2 credits 
      </td> 
      </tr> 
      <tr> 
      <td colspan=3 class="tbl-prerequisite">Prerequisite</td> 
      </tr> 
      <tr> 
      <td class="tbl-prerequisite-info" colspan=3> 
       Provisional admission 
      </td> 
      </tr> 
</table> 

Answer 1

Wenn Sie die Position des tr kennen, können Sie Kind-Selektoren verwenden. In Ihrem Beispiel könnten Sie

tbody tr:first-child td { 
    your styles 
}