Đặt kiểu CSS cho các nút con trong thuộc tính kiểu

Question

Có thể đặt kiểu của nút con từ bên trong kiểu của cha/mẹ mà không sử dụng phần tử < style> ở đầu số <> không?

Ví dụ: Tôi có một bảng mà tôi có một hàng (hàng đầu tiên bên dưới), và tôi muốn tất cả các văn bản trong các yếu tố TD được kích thước font 7pt.

Cái gì như:

 
    <table> 
    <tr style='font-size:7pt;'> <--- How do I tell it to apply to child TD elements 
     <td>cell 1 should be formatted to 7pt font</td> 
     <td>cell 2 should be formatted to 7pt font</td> 
    </tr> 
    <tr> 
     <td>cell without format</td> 
     <td>another cell without format</td> 
    </tr> 
    </table> 

Cảm ơn, Grant

Answer 1

Không nó không, đây là chính xác những gì thẻ phong cách cho :-) Bằng cách cố gắng tránh kiểu inline.

Answer 2

<table> 
<tr class="format"> 
    <td>cell 1 should be formatted to 7pt font</td> 
    <td>cell 2 should be formatted to 7pt font</td> 
</tr> 
<tr> 
    <td>cell without format</td> 
    <td>another cell without format</td> 
</tr> 

<style>.format>td{font-size:7pt;}</style> 

Answer 3

của nó không thể thực hiện trực tiếp. nhưng nếu bạn vẫn muốn sử dụng kiểu nội tuyến thì bạn cần phải sử dụng JavaScript và đặt kiểu cho mỗi phần tử. một lần nữa nó không phải là một giải pháp tốt

cách hợp lệ là -> sau sẽ làm việc trong IE7 và UP & tất cả các trình duyệt khác

<style> 
table tr:first-child > td {font-size:7pt;} 
</style> 

Bạn có thể muốn cho biết tên lớp để bàn của bạn.