这是表中单个元素样式化的正确语法吗?

Question

我想做的是制作一个表，并以与表数据不同的方式样式表头。所以我写了这段代码:

<table class="class-name">
<tr>
<th> Table Header </th>
</tr>
...
</table>

所以我决定通过创建一个文件并在html文档的头部部分引用它来实现外部CSS代码，并编写以下代码:

th.class-name, th
{
font-family: Calibri;
color: Gray;
}

语法正确吗?我想应该是这样的:

th.class-name
{
font-family: Calibri;
color: Gray;

}

但是当我试着这样写的时候，它不工作。

Answer 1

在你的第一个例子中，CSS的目标是th.class-name，它是所有th的class-name类，因为你有逗号，它也针对所有th。

第二个例子是针对th.class-name的，它是所有th的class-name类。

对于您提供的HTML，您可以使用多种选项:

th

table th

和更多

Answer 2

th.class-name是类名为class-name的<th>元素的语法。您的<th>元素没有类(您将类分配给<table>元素，而不是<th>)，因此它忽略了th.class-name的CSS。添加额外的th选择器也使其对所有<th>元素有效，这就是第一个示例有效的原因。