CSS学习记录2/交集选择器/并集选择器/兄弟选择器/序选择器/属性选择器/通配符选择器

交集选择器：

给所有选择器选中的标签中，相交的那部分设置属性。
格式：

选择器1选择器2{
            属性: 值;
        }

注意点：
1、选择器与选择器之间没有任何连接符号。
2、选择器可以使用标签名称、id名称、class名称。

并集选择器：

给所有选择器选中的标签设置属性。
格式：

选择器1,选择器2{
            属性: 值;
        }

注意点：
1、并集U型安泽奇必须使用,来连接。
2、选择器可以使用标签名称、id名称、class名称。

兄弟选择器：

1、相邻兄弟选择器（css2）
给指定选择器后面紧跟的那个选择器选中的标签设置属性。
格式：

选择器1+选择器2{
            属性: 值;
        }

注意点：
（1）相邻兄弟选择器必须通过+连接。
（2）相邻兄弟选择器只能选中紧跟其后的标签，不能选中被隔开的标签。

2、通用兄弟选择器（css3）
给指定选择器后面所有的选择器选中的所有标签设置属性。
格式：

选择器1~选择器2{
            属性: 值;
        }

注意点：
（1）通用兄弟选择器必须通过~连接。
（2）通用兄弟选择器可以选中标签后的所有指定标签，被其他标签隔开依然可以选中。

序选择器:

1、同级别的第几个。
:first-child 选中同级别中的第一个标签
注意点：不区分类型，只选中同级别第一个
p:last-child 选中同级别的最后一个标签
注意点：不区分类型，只选中同级别最后一个
:nth-child(n) 选中同级别中的第n个标签
注意点：不区分类型
:nth-last-child(n) 选中同级别中的倒数第n个标签
注意点：不区分类型
:only-child 选中父元素中唯一的元素
:nth-child(odd) 选中同级别中所有的奇数
:nth-child(even) 选中同级别中所有的偶数
:nth-child(xn+y) x和y自定义，n是一个计数器，从0开始递增，选中满足公式计算结果的标签。
2、同类型的第几个。
:first-of-type 选中同级别中同类型的第一个标签。
:last-of-type 选中同级别中同类型的最后一个标签。
:nth-of-type(n) 选中同级别中同类型的第n个标签。
:nth-last-of-type(n) 选中同级别中同类型的倒数第n个标签。
:only-of-type 选中父元素中唯一类型的某个标签。
:nth-of-type(odd) 选中同级别中同类型所有的奇数。
:nth-of-type(even) 选中同级别中同类型所有的偶数。
应用场景：日历

属性选择器：

根据指定的属性名称找到对应的标签，然后设置属性。
格式：[attribute]

标签[属性] {
            属性:值;
        }

作用：根据指定属性名称找到对应的标签，然后设置属性。

[attribute=value]
标签[属性=属性名称]{
            属性: 值;
        }

作用:
找到指定属性并且属性值等于指定值的标签，然后设置属性。
应用场景：用于区分input属性。

另外五个属性选择器可分为这三类：
1、属性的取值是以什么开头的。
[attribute|=value] CSS2
[attribute^=value] CSS3
区别：CSS2中的只能找到value开头并且必须用-隔开的，CSS3中的可以选中所有value开头的。
2、属性的取值是以什么结尾的。
[attribute$=value] CSS3
3、属性的取值是否包含某个特定的值的。
[attribute~=value] CSS2
[attribute*=value] CSS3
区别：CSS2中的只能找到独立的value并且必须用空格隔开的，CSS3中的可以选中所有包含value的。

通配符选择器:

给当前界面上所有标签设置属性。

*{
            属性:值;
        }

注意点：由于通配符选择器是选中界面所有标签，所以设置之前会遍历所有标签，如果标签太多，性能就会较差，所以一般不用。