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/

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

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

Answer 1

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

在您的示例中，只有table元素具有此类。类不继承！

我怀疑你所追求的是

.actlist th {...}

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

Answer 2

我想你会试图在th内定位.actlist，在这种情况下你需要：.actlist th作为你的CSS选择器，请参阅下面的小提琴：

Example

Answer 3

您在.actList上宣布<table>，因此您的CSS应为table.actList th

Answer 4

th.actList表示“th成员actList

你想：“th actList成员.actList th

{{1}}

Answer 5

更改：th.activity, th.actList { text-align: left; font-weight: normal; padding: 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”的元素。您想将规则应用于“actList”类中的元素，因此您需要.actList th

Answer 6

目前，您的th个代码都没有应用.actList类。

如果您想在类th的表格中定位.actList，那么您可以这样做：

.actList th{ /* styles */}

为什么这种风格不继承？

6 个答案: