本文介绍了如何在一行中编写多个CSS选择器?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的问题是我想将其写成一个选择:

My problem is that i want to write this in single selection :

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

但是:

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

不起作用.因为所有的span.glyphicon标签都变成白色.如何解决呢?

doesnt work. Because all the span.glyphicon tags are geting white color. How do solve this?

推荐答案

逗号分隔它们:

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

有关分组的更多信息,请访问 w3.org .

More info can be found at w3.org about grouping.

如果要简化"它们,则需要CSS预处理器,例如SCSS或SASS.

If you want to 'shortcut' them, you'll need a CSS pre-processor, like SCSS or SASS.

这篇关于如何在一行中编写多个CSS选择器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-28 10:21