将CSS样式应用于子元素

我只想将样式应用于具有特定类的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;}
&lt/风格>
&lt/头>
<车身>
<部门>
<表border=“2”>
<tr&gt&书信电报;td>一些&lt/td&gt&lt/tr>
<tr&gt&书信电报;td>数据&lt/td&gt&lt/tr>
<tr&gt&书信电报;td>这里&lt/td&gt&lt/tr>
&lt/表>
&lt/部门>
<div class=“测试”>
<表border=“2”>
<tr&gt&书信电报;td>一些&lt/td&gt&lt/tr>
<tr&gt&书信电报;td>数据&lt/td&gt&lt/tr>
<tr&gt&书信电报;td>这里&lt/td&gt&lt/tr>
&lt/表>
&lt/部门>
&lt/车身>
&lt/html>

我做错了什么

此代码“div.test th,td,caption{padding:40px 100px 40px 50px;}”将规则应用于所有th元素,这些元素由名为test的类的div元素所包含,此外还有所有td元素和所有caption元素

它不同于“所有tdthcaption元素,这些元素包含在div元素中,具有一类test”。为此,您需要更改选择器:

”&gt”(我正在看你,Internet Explorer)

div.test th,
部门测试td,
分区测试标题{
填充:40px 100px 40px 50px;
}

发表评论