Html 为什么';这种风格不是继承的吗?

Html 为什么';这种风格不是继承的吗?,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> 然后,我希望最后一行意味着

如果我有这个html

<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 */}