重用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;
}