css - 特定的 CSS 值

Question

我有如下动态生成的代码:

<div class="message-error error">The Message field is required.</div>
<div class="email-error error">The Email field is required.</div>

无论如何，我可以编写我的 css 而不必在 -error error 之前声明每个字段名称吗？

Answer 1

当类名由空格分隔时，这意味着来自两个类的样式将应用于该元素。

如果您有以下 CSS:

.error {
    font-weight: bold;
}

.message-error {
    color: blue;
}

.email-error {
    color: green;
}

然后两个元素都将是粗体，但颜色将分别应用于样本中的一个元素。