Html 这是设置表中单个元素样式的正确语法吗？

我要做的是创建一个表，并以与表数据不同的方式设置表头样式。所以我写了这段代码：

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

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

}

这是正确的语法吗？我以为应该是这样的：

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

---

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

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

第二个示例以th.class-name为目标，该类的名称都是th

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

th

表th

---

还有更多。class-name是带有类名class-name的elment的语法。您的元素没有为元素指定的类，因此它忽略了th.class-name的CSS。添加额外的th选择器也使其对所有元素都有效，这就是第一个示例工作的原因。

try table.class-name tr th谢谢！我很难理解这些课程，现在我明白了！