Ram*_*o M 1 html css css-selectors
我有一个表,其第二行,第一列包含另一个表.我想为父表行设置背景颜色,但不应该应用于子表行.为此,我正在尝试使用CSS Child-selector(>).但它没有工作......任何人都可以告诉我原因.
这是我的一段代码:
<!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>
我认为有些浏览器喜欢自动渲染tbody嵌套在其间的元素table,tr这会导致直接子选择器不起作用.
table.tab > tbody > tr, table.tab > tr{
background:red;
}?
但是,如果此内容用于布局而不是表格数据,则不应使用表格元素.