css - 使用具有类属性的 !important 覆盖css而不添加 id 以增加特异性

Question

<div class="class1"></div>

我有一个 CSS 规则

.class1{
text-align: left !important;
}

如何在不添加具有相同类名的样式的情况下覆盖此规则？我尝试在上述规则下方添加 css，但它不起作用：

.class1 {
  text-align: left !important;
}

.class2 {
  text-align: center !important;
}

<div class="class1 class2"> text</div>

我只能向这个元素添加一个类。

<style>如果在 html 头的标签中定义了 class1 规则，它会有所不同吗

标签： css

Answer 1

这是答案：

HTML:
<div class="class1 class2">text</div>

CSS:
.class1{
text-align: left !important;
}

.class2{
text-align: center !important;
}