CSS复合选择器

复合选择器：

交集选择器

作用：选中满足多个条件的元素

语法：选择器1选择器2选择器3····{}

注意：如果选择器中有元素选择器，元素选择器必须放在第一位

并集选择器

作用：选中多个选择器对应的内容

语法：选择1,选择器2，选择器3···{}

关系选择器

1、子元素选择器

作用：通过指定的父元素找到指定的子元素

语法：父元素>子元素{}

2、后代选择器

作用：通过指定的祖先元素找到指定的后代元素

语法：祖先元素 后代元素{}

注意：由于子元素一定情况下也属于后代元素，

在使用的时候，能用子元素选择器，不用后代选择器,否则一定程度上会影响网站性能

3、下一个兄弟选择器

作用：通过指定兄找到紧挨着下一个兄弟

语法：兄+弟{}

4、选择所有兄弟选择器

作用：通过指定兄找到下面所有的兄弟，不包括前面的

语法：兄～弟{}

元素之间的关系

父子关系

直接包含和被包含的关系

祖先后代关系

直接或间接包含和被包含的关系

兄弟关系

拥有共同父元素的元素

属性选择器

1:属性选择器 通过指定的属性名或属性值来选中对应的内容

语法：[属性名]{} 选择含有指定属性的元素

[属性名=属性值]{} 选择含有指定属性和属性值的元素

[属性名^=属性值]{} 选择属性值以指定值开头的元素

[属性名$=属性值]{} 选择属性值以指定值结尾的元素

[属性名*=属性值]{} 选择属性值含有某值的元素

伪类选择器

一 、伪类（不存在的类，特殊的类）

-伪类不特指某一个元素，指的是一个元素的特殊状态

-比如：第一个元素，被点击的元素，鼠标移入的元素···

-特点：一般请情况下，使用：开头

1、 :first-child 第一个子元素

2、 :last-child 最后一个子元素

3、 :nth-child() 选中第n个子元素

特殊值： n 所有的

2n或even 选中偶数

2n+1或odd 选中奇数

—以上这些伪类都是根据所有的子元素进行排序

1、:first-of-type 选中第一个子元素

2、:last-of-type 选中最后一个子元素

3、:nth-of-type() 选中第n个子元素

功能跟上面相似，

不同的是，这是在同类型的子元素中去选择

二、:not() 否定伪类

-将符合条件的元素从选择器中去除