风格等级优于所有标题（h1-h6）

Question

有没有办法（一个优于所有Hs的类，1-6）设置所有Hs共享的属性，这样你就不必手动将它放在每个Hs中？例如。如果我想在每个H的底部有一个下划线，我会做

border-bottom:1px solid #999;

现在我必须将它分别放在每一个中，而属性是相同的。

我试着做

h { border-bottom:1px solid #999; }

但它不起作用。

我实际做的是：

.main-heading
{
    border-bottom:1px solid #999;
}

然后

<h3 class="main-heading">My Heading</h3>

这有效，但我宁愿不使用带有H标签的类，因为它总是相同的（简单）。

Answer 1

你可以这样做：

h1, h2, h3, h4, h5, h6 { border-bottom:1px solid #999; }

Answer 2

不是真的。你可以编写一个匹配所有选择器的选择器：

h1, h2, h3, h4, h5, h6 {
    border-bottom:1px solid #999;
}