交集选择器:
作用:选中同时符合多个条件的元素
交集有 并且 的含义(通俗理解:即....又....的意思)例:年轻且长得帅
语法:选择器1选择器2选择器3...以此类推{}
例:
并集选择器:
作用:选中多个选择器对应的元素 又称:分组选择器
所谓并集就是或者的含义 例:要么去死 要么别活了
语法:选择器1,选择器2,选择器3,.....以此类推{}
多个选择器通过 , 来连接 此处 , 的含义就是 :或
例:
注:
1.并集选择器 一般都是竖着写的
2.任何形式的选择器 都可视为并集选择器的一部分
3.并集选择器 通常用于集体声明 可缩小样式体积
后代选择器:
作用:选中指定元素中 符合要求的后代元素
语法:选择器1 选择器2 选择器3 ....以此类推 {}
例:
后代选择器也可嵌套其他的选择器 交集 并集 复合 都可搭配组合使用
注:
1.后代选择器最终选择的时后代 并不是选中祖先
2.儿子孙子重孙子都算是后代
3.结构一定要符合之前讲的 HTML 嵌套要求 例如:p 标签当中 不能写 h1~h6
子代选择器:
作用:选中指定元素中 符合要求的子元素(儿子元素)先写父再写子
子代选择器又称:子元素选择器 子选择器
语法:选择器1>选择器>2>选择器3>....以此类推{}
选择器之间用 > 隔开 >可以理解为:"xxx的子代" 其实就是儿子的意思
选择器之间 1234....n 可以是我们之前学的任何一种选择器
例:
注:
1.子代选择器 最终选择的是子代 不是父级
2.子,孙子,重孙子,重重孙子......统统称为后代!子就是指儿子
兄弟选择器
1.相邻兄弟的选择器:
作用:选中指定元素后 符合条件的 相邻兄弟 元素
所谓相临 就是紧挨着他的下一个
语法:选择器1+选择器2 { }
例:
2.通用兄弟选择器:
作用:选中指定元素后 符合条件的所有处于他下面的元素
语法:案例1~案例2 { }
例:
注:两种兄弟选择器 选择的皆是下面的兄弟
属性选择器:
作用:选中属性值符合一定要求元素
属性选择器拢共有五种写法:
1.[属性名] 选中具有某个属性的元素:
2.[属性名="值"]选中包含某个属性 且属性值等于指定值的元素
3.[属性名^="值"]选中包含某个属性 且属性值以指定的值开头的元素
4.[属性名$="值"]选中包含某个属性 且属性值以指定的值结尾的元素
5.[属性名*="值"]选中包含某个属性 属性值包含指定值的元素