CSS并集选择器怎么写,语法和实例
CSS并集选择器是什么
就像数学上两个集合的并集一样,CSS并集选择器也是多个选择器所选择的HTML元素的集合的合并,比如通过元素p选择了一系列的HTML元素,构成一个集合,通过span元素又选择了一系列的元素,也构成了一个相应的集合,那么通过CSS并集元素选择器,就可以同时选住这两个集合中的所有元素了,而不必重写多套样式,提高开发效率。
CSS并集选择器语法
A, B, C... { 样式设置 }
提示:A、B和C之间用英文逗号","隔开,后面的“...”表示可以添加多个选择器的结合。
CSS并集选择器实例代码,及在线编辑器
<p id='e1'>这是段落1</p>
<span>这是span元素</span>
<h6 class='e2'>这是h5标题</h6>
<style>
p,span,h6{color:skyblue;} /*运行后,网页其它地方的段落也会变色,刷新页面就可以恢复*/
/*#e1,span,.e2{color:blue;}*/
</style>
实例代码解析
如上代码,第一次运行完之后,可以去掉style标签内的第二个css的注释符号/**/,然后再次运行,看看效果,其中#e1是id选择器,span是元素选择器,.e2则是类选择器。