分组选择器可以使CSS代码更加简洁,减少代码的冗余,有效提高代码的可读性和可维护性。大家可以使用逗号将多个选择器分隔开来,并为它们定义一个共同的样式规则。
p, h1, h2 { color: red; font-size: 18px; }
上面的代码中,大家为p标签、h1标签以及h2标签定义了一个共同的样式规则。这就意味着这三种标签的文本颜色都将被设置为红色,而字号都将变成18像素。
另外,大家也可以使用分组选择器来同时为一个选择器的多个子元素设置样式,例如:
ul li, ol li { list-style-type: none; padding-left: 10px; }
上面的代码将为无序列表和有序列表中的所有li元素设置样式,使它们不显示列表标记,并在左侧留出10像素的内边距。
总之,分组选择器是CSS中非常实用的一种选择器,它可以使大家的CSS代码更加简洁,同时也能提高代码的可读性和可维护性。