CSS并集选择器也叫群选择器,是由多个选择器通过逗号连接在一起的,这些选择器分别是:标签选择器、类选择器或id选择器等。
在声明各种CSS选择器时,如果某些选择器的风格完全相同,或者部分相同,便可以利用并集选择器同时声明这些风格相同的CSS选择器。
并集选择器允许同时给多个选择器应用同一种样式。
CSS并集选择器的格式
并集选择器的格式类似于:
h1,h2,p,.color,#one{
color:blue;
font-size:14px;
}
这种集体声明的效果与单独声明的效果完全相同。
示例一
源代码如下:
CSS并集选择器示例-www.baike369.com
CSS并集选择器示例
示例标题h2
示例标题h3
示例标题h4
示例标题h5
示例文本p1
示例文本p2
示例文本p3
在浏览器中查看CSS并集选择器的显示效果。如下图所示:
示例二
*{ /* 全局声明 */
color:red; /* 文字颜色 */
font-size:24px; /* 字体大小 */
}
一旦声明了全局选择器“*”,那么这个页面内的所有html标签的文字颜色全部为红色,字体大小全部为24px。
源代码如下:
CSS并集选择器之全局声明示例-baike369.com
CSS并集选择器之全局声明示例
全局声明之示例标题h2
全局声明之示例标题h3
全局声明之示例标题h4
全局声明之示例标题h5
全局声明之示例文本p1
全局声明之示例文本p2
全局声明之示例文本p3
在浏览器中查看CSS并集选择器之全局声明的显示效果。如下图所示:
提示
如果想让一系列网页元素共用相同格式化属性中的部分属性而不是全部属性,就可以创建一个带有共用格式化选项的并集选择器,然后为每个元素分别创建具有特殊样式的规则。换句话说,两种或者多种不同的样式可以格式化同一个标签。