Question

我想分配一个类，例如＆＃34;居中＆＃34;我的一些，全部或每个文本元素，如<h1 class="centered">, <h2 class="centered">, <h3 class="centered">, <p class="centered">。

我只需要定位特定元素，因为我可能需要一些不同的块元素规则，如<div class="centered">。

如果您认为这个问题很容易得到答案，请尝试谷歌搜索。无论我如何表达这个问题，谷歌都认为我会问如何将多个类分配给一个元素＆＃34;。我知道如何给一个元素赋予多个类，所以，不，那不是我想要的。

我尝试过的事情：

h1, h2, h3, p .centered{
    text-align:center;
}

那不对。这只是说中心类与h1，h2和h3共享相同的css规则。

现在我已经沦为这种看似不优雅的方法，可能是业余爱好者：

h1.centered{
    text-align:center;
}
h2.centered{
    text-align:center;
}
h3.centered{
    text-align:center;
}

...等

Answer 1

您只需在 css 中定义您的课程，并在 html

中使用您想要的元素

＆＃13;

.centered {
  text-align:center;
}

＆＃13;

<h1 class="centered">Lorem ipsum.</h1>
<h2 class="centered">Lorem ipsum.</h2>
<h3 class="centered">Lorem ipsum.</h3>
<p  class="centered">Lorem ipsum.</p>

＆＃13;

Answer 2

另一小段建议是，如果需要，您可以将所有“居中”的CSS规则组合成一行。而不是

h1.centered{
    text-align:center;
}
h2.centered{
    text-align:center;
}
h3.centered{
    text-align:center;
}

做这样的事情：

h1.centered, h2.centered, h3.centered{
    text-align: center;
}

CSS：如何为多个元素分配一个类？

2 个答案: