1.CSS-并集选择器
（1）作用：给所有选择器选中的标签设置属性
（2）格式：
选择器1，选择器2{
属性：值；
}
（3）注意点：选择器之间用“，”来连接，并集选择器是为了简化代码
2.CSS-兄弟选择器
（1）相邻兄弟选择器：给指定选择器后面紧跟的那个选择器选中的标签设置属性
格式：
选择器1+选择器2{
属性：值；
}
注意点：必须通过“+”连接，不能选中被隔开的选择器
（2）通用兄弟选择器：给指定选择器后面的所有选择器选中的标签设置属性
格式：
选择器1~选择器2{
属性：值；
}
3.CSS-序选择器
（1）格式：
标签:序选择器{
属性：值；
}
（2）同级别的：:first-child（同级别的第一个标签，不区别类型）
:last-child（同级别的最后一个标签，不区别类型）
:nth-child(n)（同级别中第n个标签，不区别类型）
:nth-last-child(n)（同级别中倒数第n个标签，不区别类型）
:only-child（选中父元素中唯一的标签）
：nth-child(odd)（同级别中所有奇数标签）
：nth-child(even)（同级别中所有偶数标签）
（3）同类型的：: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)（同类型中所有偶数标签）
（4）其他详细的序选择器可参考此链接
4.CSS-属性选择器
（1）作用：根据指定的属性名称找到对应的标签，然后设置属性
（2）格式：
标签[attribute]{
属性：值；
}
作用：根据指定的属性名称找到对应的标签，然后设置属性
标签[attribute=value]{
属性：值；
}
作用：根据指定的属性名称及其值等于value，找到对应的标签，然后设置属性
属性的取值以某某开头的：
标签[attribute|=value]{
属性：值；
}
标签[attribute^=value]{
属性：值；
}
属性的取值以某某结尾的：
标签[attribute$=value]{
属性：值；
}
属性的取值是否包含某个特定的值：
标签[attribute~=value]{
属性：值；
}
标签[attribute*=value]{
属性：值；
}
5.CSS-通配符选择器
（1）作用：给当前界面所有的标签设置属性
（2）格式：
*{
属性：值；
}
（3）注意点：当前界面标签很多时，性能会比较差
网友评论