我只想将样式应用于具有特定类的DIV中的表:
注意:我更愿意为子元素使用css选择器
为什么#1有效而#2无效
1:
div.test th,div.test td,div.test标题{填充:40px 100px 40px 50px;}
2:
div.test th,td,标题{padding:40px 100px 40px 50px;}
HTML:
<;html>;
<;头>;
<;风格>;
分区测试>;th,td,标题{填充:40px 100px 40px 50px;}
</风格>;
</头>;
<;车身>;
<;部门>;
<;表border=“2”>;
<;tr>&书信电报;td>;一些</td></tr>;
<;tr>&书信电报;td>;数据</td></tr>;
<;tr>&书信电报;td>;这里</td></tr>;
</表>;
</部门>;
<;div class=“测试”>;
<;表border=“2”>;
<;tr>&书信电报;td>;一些</td></tr>;
<;tr>&书信电报;td>;数据</td></tr>;
<;tr>&书信电报;td>;这里</td></tr>;
</表>;
</部门>;
</车身>;
</html>;
我做错了什么
此代码“div.test th,td,caption{padding:40px 100px 40px 50px;}”将规则应用于所有th元素,这些元素由名为test的类的div元素所包含,此外还有所有td元素和所有caption元素
它不同于“所有td、th和caption元素,这些元素包含在div元素中,具有一类test”。为此,您需要更改选择器:
“”>”(我正在看你,Internet Explorer)
div.test th,
部门测试td,
分区测试标题{
填充:40px 100px 40px 50px;
}