当前位置: 首页 > 文档资料 > 揭秘 CSS >

2.2.4 群组选择器

优质
小牛编辑
119浏览
2023-12-01

要为不同的HTML对象定义相同的样式时,可以采用群组声明。如,希望 h2 元素和段落的文本都为灰色,则可以使用以下声明:

h2, p { color: gray; }

上述规则在选择器中指定了多个对象,对象之间用逗号来分隔。逗号告诉浏览器,规则中包含两个不同的选择器。这样的选择器叫群组选择器。

群组选择器可以减少样式的重复定义。可以把任意数量、任意类型的选择器放在群组中进行声明。如:

p, span, .blue, #blue { color: blue; }

使用逗号对选择器进行分隔,使用页面中所有的p, span, .blue, #blue都具有相同的样式。这样做的好处是,需要使用相同样式的地方只需要书写一次,可以减少代码量,改善CSS代码的结构,提高网页的性能。