Html 为什么';这种风格不是继承的吗?
如果我有这个htmlHtml 为什么';这种风格不是继承的吗?,html,css,css-selectors,Html,Css,Css Selectors,如果我有这个html <table class="actList"> <tr> <th> a </th> <th> a </th> </tr> <tr> <td> a </td> <td> a </td> </tr> </table> 然后,我希望最后一行意味着
<table class="actList">
<tr>
<th> a </th> <th> a </th>
</tr>
<tr>
<td> a </td> <td> a </td>
</tr>
</table>
然后,我希望最后一行意味着,表中带有class=“actList”
的所有
都将获得这种样式。但它不像这里看到的那样
th.actList
的正确CSS是什么样的
是否可以在不向每个
添加类的情况下执行此操作?th.actList指具有actList类的任何th元素
在您的示例中,只有table元素具有此类。类不会继承
我怀疑你想要的是
.actlist th {...}
Fiddle更新:我想您正试图将
.actlist
中的th
作为目标,在这种情况下,您需要:.actlist th
作为CSS选择器,请参见下面的Fiddle:
更改:
th.activity,th.actList{文本对齐:左;字体重量:正常;填充:0.4em 1em 0.4em 0.3em;}
To: th.activity, .actList th { text-align: left; font-weight: normal; padding: 0.4em 1em 0.4em 0.3em; }
th.actList
表示此规则将应用于具有class=“actList”的th元素。您希望将规则应用于“actList”类中的th元素,因此您需要。actList th
您正在上声明。actList
在上,因此您的CSS应该是表。actList th
th。actList
意味着“一个th
是actList
的成员。”
您需要:“一个th
是actList
成员的
目前,您的th
标记中没有一个应用了.actList
类
如果要将th
作为目标,则只需执行以下操作:
.actList th{ /* styles */}
非常有趣。th.actList
和just.actList
有什么区别?我假设在这两种情况下,我都需要在每个?th中有一个class=“actList”
。actList将只选择标记为“actList”类的选项。actList将选择任何标记有“actList”类的元素。如果您想选择一些元素,而不是其他元素,那么是-您需要在它们上定义一个类。好的,这意味着我可以使用class=“actList”
的元素,而无需对它们应用样式。是-没错。例如,如果您有两种类型的元素——class1和class2,并且您希望所有TH元素的样式相同,但其中的元素样式不同,那么您将有TH{…}、TH.class1 td{…}和TH.class2 td{…}@Sandra Schlichting:我建议您也查找CSS的特殊性。看--
.actList th
.actList th{ /* styles */}