Orada bir şekilde uygulamak için bir Sınıf td etiketleri yalnızca BİR seviyeye tarzı?

<style>.MyClass td {border: solid 1px red;}</style>

<table class="MyClass">
  <tr>
    <td>
      THIS SHOULD HAVE RED BORDERS
    </td>
    <td>
      THIS SHOULD HAVE RED BORDERS
      <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table>
    </td>
  </tr>
</table>

Orada bir şekilde uygulamak için bir Sınıf td etiketleri yalnızca BİR seviyeye tarzı?

Evet^*:

.MyClass>tbody>tr>td { border: solid 1px red; }

Ama! ‘>’ direkt çocuk seçici IE6 çalışmaz. Eğer tarayıcı muhtemelen, ne yazık ki, Yardım ve Destek ihtiyacınız varsa, yapabileceğiniz tüm iç unsur ayrı ayrı seçin ve BM stili:

.MyClass td { border: solid 1px red; }
.MyClass td td { border: none; }

< / ^ hr .

^*İlk örnek, HTML tbody bir öğe bulunamadı başvuran unutmayın.gerekirHTML olmuştur, ama tarayıcılar dışarı çıkarken genellikle Tamam... onlar sadece sahne arkasında ekleyin.