如何在一行中写多个 css 选择器？

Question

我的问题是我想在单选中写这个：

.btn-primary > i.glyphicon {
    color: #ffffff;
}
.btn-primary > span.glyphicon {
    color: #ffffff;
}

但是这个：

.btn-primary > i.glyphicon, span.glyphicon {
    color: #ffffff;
}

不起作用。因为所有 span.glyphicon 标签都变成了白色。如何解决这个问题？

Answer 1

逗号分隔：

.btn-primary > i.glyphicon,
.btn-primary > span.glyphicon {
    color: #ffffff;
}

可以在 w3.org about grouping 找到更多信息。

如果你想 'shortcut' 它们，你需要一个 CSS 预处理器，比如 SCSS 或 SASS.

How to write multiple css selectors in one line?