html - CSS - 更改一个属性，保留所有其他属性

Question

我们在 CSS 中定义了一个带有多个属性的样式。

现在我们必须定义一个新样式，具有相同的属性，唯一的区别是字体大小:应该是 16px 而不是 20px。

1) 我们应该在 CSS 中定义一个新样式吗？有没有办法继承其他一切？ 2) 或者，我们是否直接在 HTML/JSP 中覆盖“字体大小”。这可以工作，但不是很优雅。

.loading-text {
    font-family: "Trebuchet MS";
    font-size: 20px;
    font-style: bold;
    color: #196198;
    max-width: 450px;
}

.loading-text-smaller {
    font-size: 16px;
}

Answer 1

如果可以的话，我会避免使用 !important，它过于激进，应该只在可怕的情况下使用。

拥有一个单独的类并将两个类都分配给该元素并没有错。即:

<span class="loading-text loading-text-smaller">Loading...</span>