html - 样式等级优于所有标题 (h1-h6)

Question

有没有一种方法(优于所有 H 的类，1-6)来设置所有 H 共享的属性，这样您就不必手动将其放入每个 H 中？例如。如果我想在每个 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; }