gpt4 book ai didi

css - 样式表的单元格没有子表的样式单元格

转载 作者:行者123 更新时间:2023-12-04 22:05:27 25 4
gpt4 key购买 nike

鉴于此代码,我如何实现一种样式,以便只填充表“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>

最佳答案

使用子选择器(spec):

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

浏览器似乎插入了“缺失的”tbody 元素,因此 table.a > tr > td 将无法工作。

关于css - 样式表的单元格没有子表的样式单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4822898/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com