课时74.交集选择器(理解)

Posted luckyshuangshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了课时74.交集选择器(理解)相关的知识,希望对你有一定的参考价值。

1.什么是交集选择器?

我们首先了解一下什么是交集

以前学数学的时候学过交集,其实这里也是一样

技术分享图片

两个集合有重复的部分就叫做交集

作用:给所有选择器选中的标签中,相交的那部分标签设置属性

格式:

   选择器1选择器2{

              属性:值;

}

注意点:

1.选择器和选择器之间没有任何连接符号

来看一个案例:

技术分享图片技术分享图片

先找到p标签,再找到类名为para1的标签,然后再找到它们相交的部分

2.选择器可以使用标签名称/id名称/class名称

技术分享图片技术分享图片

先找到类名是para1的标签,找到当前界面所有id名称叫做identity的标签,然后再看看,前面一个找到的所有标签和后面一个有没有相交的

3.交集选择器仅仅作为了解,企业开发中用到的并不多,比如刚才的例子,我都知道class,id了,干嘛还用交集,直接用id选择器就可以了

以上是关于课时74.交集选择器(理解)的主要内容,如果未能解决你的问题,请参考以下文章

课时70.id选择器和类选择器(理解)

课时81.通配符选择器(理解)

课时80.属性选择器下(理解)

jQuery选择器如何取交集?

CSSCSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )

课时71.后代选择器(掌握)