群组选择器(Groups of selectors)
学思创
280
群组选择器(Groups of selectors)一次选择多个元素并应用相同的样式规则。通过使用逗号将不同的选择器组合在一起,我们可以选择多个元素。
以下是群组选择器的示例:
h1, h2, h3 {
color: blue;
font-size: 24px;
}
p, li {
color: green;
font-size: 16px;
}
在上面的示例中,我们使用群组选择器选择了所有的h1
、h2
、h3
元素,并将它们的颜色设置为蓝色、字体大小为24像素。同时,我们也选择了所有的p
和li
元素,并将它们的颜色设置为绿色、字体大小为16像素。
通过使用群组选择器,我们可以更简洁且高效地应用相同的样式规则。它在编写CSS代码时非常有用,可以减少重复的代码并提高代码的可读性。