为什么这种风格不继承？

Question

如果我有这个HTML

<table class="actList">
    <tr>
        <th> a </th> <th> a </th> 
    </tr>
    <tr>
        <td> a </td> <td> a </td> 
    </tr>
</table>

这个css

.actList { 
   background-color: rgb(235, 239, 249); 
   width: 100%;
}

th.activity, th.actList { 
   text-align: left; 
   font-weight: normal; 
   padding: 0.4em 1em 0.4em 0.3em; 
}

然后我会想到的是,最后一行意味着,所有<th>的在表中class="actList"会得到这种风格.但它没有在这里看到

http://jsfiddle.net/littlesandra88/k3Bv5/

适当的CSS th.actList会是什么样的？

可以在不添加每个类的情况下完成<th>吗？

Answer 1

th.actList表示具有actList类的任何th元素.

在您的示例中,只有table元素具有此类.类不继承!

我怀疑你追求的是

.actlist th {...}

小提琴更新:http://jsfiddle.net/k3Bv5/3/