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

我想给我的一些、所有或每个文本元素分配一个类，比如，，

我只需要针对特定的元素，因为我可能需要一些不同的块元素规则，如

如果你认为这个问题很容易找到答案，试试谷歌搜索。无论我如何表达这个问题，谷歌都认为我在问如何为一个元素分配多个类。我知道如何给元素多个类，所以，不，这不是我想要的

我所尝试的：

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

现在我只能使用这种方法，这种方法似乎不雅观，而且可能是业余的：

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

---

…等等。

您只需在css中定义类，并在html中所需的元素上使用它

.居中{ 文本对齐：居中； } 乱数假文。 乱数假文。 乱数假文。

---

Lorem ipsum。

您只需在css中定义类，并在html中所需的元素上使用它

.居中{ 文本对齐：居中； } 乱数假文。 乱数假文。 乱数假文。

---

Lorem ipsum。

另一个小建议是，如果需要，您可以将所有以中心为中心的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为中心的规则组合成一行。所以不是

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创建一个规则，然后创建单独的规则，修改常规CSS，使其仅适用于您希望不同的元素。顺便说一句，你提到的所有元素都是块元素。@BurningLights我没有提到，但我最终为我的div创建了一个单独的类。h和p类都是块元素吗？我以为它们是内联的？请参阅以下位置的块元素完整列表：。h和p元素在上面：如果您希望对某一组元素有不同的规则，那么为其创建单独的类可能会更容易。或者使用以常规为中心的CSS创建一个规则，然后创建单独的规则，修改常规CSS，使其仅适用于您希望不同的元素。顺便说一句，你提到的所有元素都是块元素。@BurningLights我没有提到，但我最终为我的div创建了一个单独的类。h和p类都是块元素吗？我以为它们是内联的？请参阅以下位置的块元素完整列表：。h和p元素在上面：我已经知道了。我可能不得不重新考虑我的问题。我想我把问题复杂化了，谢谢。正如@BurningLights所指出的，我应该为一个div创建一个单独的类，然后给它另一个名称。你可以使用：not，或者你也可以这样做，嘿，这很有趣。一直在学习新的东西，谢谢。给你最好的答案，不仅仅是因为你的答案，还因为你非常有启发性的JSFIDLE示例。我已经知道了。我可能不得不重新考虑我的问题。我想我把问题复杂化了，谢谢。正如@BurningLights所指出的，我应该为一个div创建一个单独的类，然后给它另一个名称。你可以使用：not，或者你也可以这样做，嘿，这很有趣。一直在学习新的东西，谢谢。给你最好的答案，不仅是因为你的答案，也因为你非常有启发性的例子。干杯，巴德，我有一个大脑放屁的时刻，这个答案真的帮助了我。干杯，巴德，我当时在放屁，这个答案真的帮了我一把。向上投票