我有一个表，其第二行第一列包含另一个表。我想为父表行设置背景颜色，但不应将其应用于子表行。为此，我正在尝试使用 CSS 子选择器 (>)。但它不起作用...任何人都可以告诉我原因。
这是我的一段代码:
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<style>
table.tab > tr{
background:red;
}
</style>
</head>
<body>
<table class="tab">
<tr>
<td>asdf</td><td>afda</td><td>asdfdsa</td>
</tr>
<tr>
<td colspan="3">
<table>
<tr>
<td>afds</td><td>Trkaladf</td><td>inner Tab</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
最佳答案
我认为有些浏览器喜欢自动呈现嵌套在 table 和 tr 之间的 tbody 元素，这将导致您的直接子选择器不工作。
table.tab > tbody > tr, table.tab > tr{
background:red;
}
但是，如果此内容用于布局而不是不是表格数据，您应该not be using a table element .
关于html - CSS 选择器 > 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11985984/