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

1.什么是交集选择器?

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

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

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

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

格式:

选择器1选择器2{

属性:值;

}

注意点:

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

来看一个案例:

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

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

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

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

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9164707.html

时间: 2024-10-15 18:28:22

课时74.交集选择器(理解)的相关文章

交集选择器的写法

交集选择器是由两个选择器直接连接构成的,其中第一个必须是标签选择器,第二个必须是类选择器或者ID选择器,这两个选择器之间不能有空格,必须连续书写 <html> <head> <title>交集选择器</title> <style type="text/css"> p.txt{ color:blue; } </style> </head> <body> <p>恰是一江<str

css交集选择器、并集选择器、兄弟选择器

一,交集选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15-css交集选择器.html</title> <!-- 交集选择器,相交的部分就是要设置属性值的标签 1,格式: 选择器1选择器2...{ 属性:值; } 2,注意点: (1),选择器之间没有任何的连接符号 (2),选择器可以是标签

交集选择器

交集选择器 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .logo{ 8 font-size:60px; 9 color:#009966; 10 } 11 di

HTML连载19-子元素选择器&amp;交集选择器

一.子元素选择器 1.定义:找到指定标签中所有特定的直接子元素,然后设置属性 2.格式: 标签名称一>标签名称2{ 属性:值: } 3.释义:先找到叫做“标签名称1”的标签,然后在这个标签中查找所有直接子元素名称叫做“标签名称2”的元素 div>p{ color:red; } .......省略代码....... <div> <p>我是段落一</p> <p>我是段落2</p> <p>我是段落3</p> <

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

1.什么是通配符选择器? 作用:给当前界面上所有标签设置属性 格式 *{ 属性:值; } 注意点: 由于通配符选择器是设置界面上所有的标签的属性,所以在设置之前会遍历所有的标签,如果当前界面上的标签比较多,那么性能就会比较差,所以在企业开发中一般不会使用通配符选择器. 原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9168878.html

课时69.类选择器(掌握)

id选择器和标签选择器一样,都有一些缺陷,它有什么缺陷呢? 1.设置样式不会使用id,因为如果学到js,就会发现,js通过id拿到标签,再进行一些后续都操作 2.id有一个特点,同一个界面中id不能重复,如果以后给企业开发,同一个界面可能有上千个标签,如果给每一个标签都起一个名字可能要起上千个名字,而在开发中,起名字是一个很难的事情,怎么解决这个问题呢,就要用到我们这节课学的知识,类选择器. 1.什么是类选择器? 作用:根据指定的类名称找到对应的标签,然后设置属性,而在我们的html中,每一个标

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

1.什么是后代选择器? 作用:找到指定标签的所有后代标签,设置属性. 首先你要明确什么是后代? 你的儿子,孙子,重孙子等,只要有你的血脉的,都是你的后代. 我们先来举个例子 我们想让div中的标签变红 1.用标签选择器可以做吗? 不可以,它会选中页面上的所有p,包括div以外的 2.用id选择器可以做吗? 可以,可以给div中的两个p设置id,然后通过id选择器给这两个p设置颜色 3.用class选择器可以做吗? 可以,分别给它们设置class,然后设置颜色 但是无论是用id,class选择器都

课时77.序选择器(掌握)

CSS3中新增的选择器最具代表性的就是序选择器. 1.同级别的第几个 1.      :first-child 选中同级别中的第一个标签 注意点:不区分类型        但是我们这里有一个注意点,如果我们在第一个p之前加一个h1,则第一个p就不变红了,因为我们是选中同级别中的第一个标签,在我们这个界面中,h1,p,div是同级别的,所以第一个p不变色.   2.  :last-child 选中同级别中的最后一个标签 注意点:不区分类型 3.    :nth-child(n)  选中同级别中的第

使用CSS的类名交集复合选择器

首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括"交集"选择器."并集"选择器."后代"选择器. 交集选择器 "交集"复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集.其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器.这两个选择器之间不能有空格,必须连续书写. 注意其中第一个必须是标记选择器,如p.class1,但有时候会看到.class