Ustawianie stylu CSS dla węzłów potomnych w atrybucie stylu

Question

Czy można ustawić style węzłów podrzędnych ze stylu elementu nadrzędnego bez używania elementu stylu < w głowicy <>?

E.g. Mam tabelę, w której mam wiersz (pierwszy wiersz poniżej) i chcę, aby cały tekst w elementach TD miał rozmiar czcionki 7pt.

Coś jak:

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

Dzięki, Grant

Answer 1

Nie, to nie jest to dokładnie to, co jest dla tagu styl :-) Przy okazji starają się unikać stylu 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

Nie jest możliwe bezpośrednio. ale jeśli nadal chcesz używać stylu inline, musisz użyć JavaScript i ustawić styl dla każdego elementu. znowu to nie jest dobre rozwiązanie

poprawny sposób to -> po zadziała w IE7 i UP & wszystkie inne przeglądarki

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

Prawdopodobnie chcesz podać nazwę klasy do stolika.