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则是类选择器。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.