样式表格的单元格没有儿童表格的样式单元格

给定此代码，我该如何实现只填充表格“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

样式表格的单元格没有儿童表格的样式单元格

回答

相关问题