樣式表格的單元格沒有兒童表格的樣式單元格

給定此代碼，我該如何實現只填充表格「a」而不填充表格「a」和表格「b」的樣式？樣式表格的單元格沒有兒童表格的樣式單元格

<html> 
    <style type="text/css"> 
    table.a td {background-color:green;} 
    table.b td {background-color:red;} 
    table {width:100%;} 
    table.a tr td {padding:16px;} /*styles cells of table a and b*/ 
    </style> 
</html> 
<body> 
<table class="a"> 
    <tr> 
    <td>&nbsp;</td> 
    <td> 
    <table class="b"> 
    <tr> 
     <td>foo</td> 
     <td>foo2</td> 
    </tr> 
    </table>  
    </td> 
    </tr> 
</table> 
</body> 
</html>

來源

2011-01-27 Micah B.

使用子選擇器（spec）：

table.a > tbody > tr > td { padding:16px; }

瀏覽器似乎插入 '丟失' tbody元素，所以table.a > tr > td不會工作。

來源

2011-01-27 22:54:50 Floern

該表中沒有`tbody`元素。 – BoltClock 2011-01-27 22:55:54

嘗試使用即時子選擇器table.a > tr{"my styles"}

來源

2011-01-27 22:56:03 whamsicore

樣式表格的單元格沒有兒童表格的樣式單元格

回答

相關問題