html - 重用 CSS 样式并应用于其他 HTML 元素

Question

我想重用给定的 css 格式 .parsley-errors-list > li并将其应用于与设计用途不同的 HTML 元素。我想将其应用于 <span>为了不创建另一个重复的样式并确保 span将始终与 .parsley-errors-list > li 具有相同的样式.

.parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0;
}

.parsley-errors-list > li {
    font-size: 12px;
    list-style: none;
    color: #f05050;
}

编辑:

鉴于 CSS 示例是可更新主题的一部分，因此为了可维护性，我想避免更改它。

Answer 1

这很容易做到。像这样在 CSS 选择器上放一个逗号:

.parsley-errors-list > li, span {
    font-size: 12px;
    list-style: none;
    color: #f05050;
}