一个html元素可以设置多个CSS类？

Question

HTML元素可以有多个CSS类吗？

如果有可能，我如何在h1上设置2个类？

例如，我尝试在此元素上设置2个类（文本中心和标题），但这样无法工作：

<h1 class="text-center, title"><small>TEXT TEXT TEXT</h1>

TNX

Answer 1

只需添加一个空格，例如：

<h1 class="text-center title"><small>TEXT TEXT TEXT</h1>

Answer 2

HTML元素可以包含任意数量的类。在class attribute中，类名由空格分隔，或者通常由空格字符序列分隔。这根本不是CSS问题。没有“CSS类”; CSS只有类选择器（它们在HTML中设置的类引用元素）。

示例：

<h1 class="text-center title">

但是，在这种情况下，类名表明您应该以不同的方式设计编码。当类名反映预期的结构或语义角色而不是特定的渲染细节时，它们的效果最佳。你很可能在这里只使用一个类，或者没有类：一个页面通常只有一个h1元素，所以你可以使用h1选择器设置它。