Áp dụng kiểu cho chỉ cấp độ đầu tiên của thẻ td

Có cách nào để áp dụng kiểu của Class cho chỉ một cấp thẻ td không?

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

Có cách nào để áp dụng kiểu của Class cho chỉ một cấp thẻ td không?

Có ^* :

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

Nhưng! Bộ >chọn con trực tiếp '' không hoạt động trong IE6. Nếu bạn cần hỗ trợ trình duyệt đó (điều mà bạn có thể làm, than ôi), tất cả những gì bạn có thể làm là chọn riêng phần tử bên trong và bỏ đặt kiểu:

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

^* Lưu ý rằng ví dụ đầu tiên tham chiếu một tbodyyếu tố không được tìm thấy trong HTML của bạn. Nó đáng lẽ phải có trong HTML của bạn, nhưng các trình duyệt thường ổn với việc loại bỏ nó ... họ chỉ cần thêm nó vào phía sau hậu trường.

Làm thế nào về việc sử dụng CSS: lớp giả đầu tiên:

.MyClass td:first-child { border: solid 1px red; }

Phong cách này:

table tr td { border: 1px solid red; }
td table tr td { border: none; }

đưa cho tôi:

này http://img12.imageshack.us/img12/4477/bnings.png

Tuy nhiên, sử dụng một lớp học có lẽ là cách tiếp cận đúng đắn ở đây.

Chỉ cần tạo một bộ chọn cho các bảng bên trong MyClass.

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

(Để áp dụng chung cho tất cả các bảng bên trong, bạn cũng có thể làm table table td.)

Tôi muốn đặt chiều rộng của cột đầu tiên của bảng và tôi thấy điều này đã hoạt động (trong FF7) - cột đầu tiên rộng 50px:

#MyTable>thead>tr>th:first-child { width:50px;}

nơi đánh dấu của tôi là

<table id="MyTable">
 <thead>
  <tr>
   <th scope="col">Col1</th>
   <th scope="col">Col2</th>
  </tr>
 </thead>
 <tbody>
   ...
 </tbody>
</table>

Tôi nghĩ rằng, nó sẽ làm việc.

.Myclass tr td:first-child{ }

 or 

.Myclass td:first-child { }

Tôi đoán bạn có thể thử

table tr td { color: red; }
table tr td table tr td { color: black; }

Hoặc là

body table tr td { color: red; }

trong đó 'body' là công cụ chọn cho cha mẹ của bảng của bạn

Nhưng các lớp học rất có thể là cách đúng đắn để đi đến đây.