在编写CSS样式时,有时候会遇到多个元素需要应用相同的样式的情况。这时候,我们可以使用“群组选择器”来实现一次性定义多个元素的CSS属性。
p,h1,h2 { font-size: 16px; color: #333; line-height: 1.5; }
在上面的代码中,我们通过逗号分隔符将三个元素选择器 p
、h1
和 h2
组合在了一起,然后对它们应用了相同的样式。这样,我们就可以一次性完成多个元素的样式定义,而不必重复书写代码。
此外,在群组选择器中也可以使用类选择器或者ID选择器来指定元素,具体的代码如下所示:
.Box,#container { width: 960px; margin: 0 auto; }
在上面的代码中,我们使用了一个类选择器 .Box
和一个ID选择器 #container
,然后对它们同时应用了相同的样式。这样一来,我们就可以轻松实现多个元素的样式定义了!