CSS3选择器中的交集选择器和并集选择器有什么差别

CSS3选择器中的交集选择器和并集选择器有什么差别

# 具体遇到的问题
感觉在实际使用中交集选择器可以为同时具备h3标签和.spec类的代码作样式,但是并集选择器同样也是这样。


以往对交集的理解是,“两个集合相同的部分”。而并集的理解是“两个集合完全相同”。


但在选择器中好像找不到明显的差别,所以它们有什么差别呢?

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,二者区别如下:

“h3.spec”是一个交集选择器,它可以选择带有类名“.spec”的h3标签,即选择的元素要满足既是h3标签,又有类名.spec;而“h3,.spec”这个并集选择器可以选择h3标签,但是该h3标签可以不带.spec类名;并且这个选择器还可以选择类名是.spec的元素,同时该元素可以不是h3标签。如下:

交集选择器:

http://img1.sycdn.imooc.com//climg/5fe31bbe093a505b07240345.jpg

http://img1.sycdn.imooc.com//climg/5fe31bcd091899e905370186.jpg

并集选择器:

http://img1.sycdn.imooc.com//climg/5fe31bf409f8f44406930343.jpg

http://img1.sycdn.imooc.com//climg/5fe31bf8090a79a705310172.jpg

即交集选择器,增加了约束条件,它更加具体的要求了元素要满足哪些条件,可以用来选择某个特定的元素:

http://img1.sycdn.imooc.com//climg/5fe31d4f098bd49c07380320.jpg

而并集选择器是有多个选择器组成,它的条件比较宽泛,没那么强的限制性,它可以选择一类元素。以并集中的h3选择器为例,如下:

http://img1.sycdn.imooc.com//climg/5fe31d7709baee6206260368.jpg

同学可以将上面的例子敲一下,对比一下效果,体会一下二者的区别即可。

实际应用中,如果二者都能实现效果,那么选择哪个都行;如果想要选择某个特定元素,可以选择交集选择器,即具体问题具体分析即可。

祝学习愉快!

  • 白妖 提问者 #1

    我可以这样理解么,交集=and,并集=or

    2020-12-23 20:33:07
好帮手慕久久 2020-12-24 09:17:05

同学你好,可以这样理解。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师