CSS 选择器分组

CSS 选择器分组

CSS选择器分组,可以把定义相同属性的不同标签做为一组处理,缩短了CSS样式编写的时间和CSS样式表的大小。

例如希望h2和p标签的字体颜色都设置为黑色,则可以写成:

h2,p{color:black;}

通过分组,可以将相同属性的样式“压缩”在一起,这样就可以得到更简洁的样式表。例如:

/* no grouping */
h1 {color:blue;}
h2 {color:blue;}
h3 {color:blue;}
h4 {color:blue;}
h5 {color:blue;}
h6 {color:blue;}

/* grouping */
h1, h2, h3, h4, h5, h6 {color:blue;}
					

当有多个标签有相同属性时,可以抽出相同属性进行分组,不同的属性另外书写样式。

习题一