css - 如何在一行中编写多个 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。