爲樣式屬性中的子節點設置CSS樣式

是否可以在不使用<樣式> < head>中的<樣式>元素的情況下從父級樣式中設置子節點的樣式？爲樣式屬性中的子節點設置CSS樣式

E.g.我有一張桌子，裏面有一排（下面第一行），我希望TD元素中的所有文字的字體大小爲7pt。

喜歡的東西：

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

感謝，格蘭特

來源

2012-07-05 grantstead

你有什麼應該工作。如果不存在，則必須存在其他CSS干擾。 – thirtydot 2012-07-05 14:39:56

你寫的代碼完全符合你的要求。我不明白這個問題。 – SupremeDud 2012-07-05 14:40:05

所以[你的發佈代碼工作]（http://jsfiddle.net/davidThomas/7qKbK/），雖然我添加了一個'style'標籤到父'table'元素，只是爲了讓它深刻地可見，它的工作原理。 – 2012-07-05 14:46:36

不，這不是，這是完全的風格標籤是什麼:-)順便說盡量避免內聯樣式。

來源

2012-07-05 14:38:19 exaptis

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

來源

2012-07-05 14:39:05 Alexandre

它不可能直接。但如果你仍然想使用內聯樣式，那麼你需要使用JavaScript併爲每個元素設置樣式。再次它不是一個很好的解決方案

有效的辦法就是 - >以下將在IE7中工作，UP &所有其他瀏覽器

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

你可能想給類名到您的表格。

來源

2012-07-05 14:42:10 gaurang171

他指定他不想使用''不行，你需要''。 – thirtydot 2012-07-05 15:21:57

@ thirtydot當然是的，謝謝你指出這一點。現在用更通用的方式寫出它。我認爲OP知道如何編寫樣式;） – Christoph 2012-07-05 15:25:29

爲樣式屬性中的子節點設置CSS樣式

回答

相關問題