优于所有标题的样式类 (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;
}