如何在一行中编写多个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找到更多信息。

如果你想“快捷”它们，你需要一个CSS预处理器，如SCSS或SASS。