css4选择器

1，属性选择器：
属性选择器可以根据元素的属性及属性值来选择元素
E[att^=value]属性选择器是指选择名称的标记，且该标记定义了att属性，att属性前包括前缀为value的子字符串
E[att$=value]属性选择器是指选择名称的标记，且该标记定义了att属性，att属性前包括后缀为value的子字符串
E[att*=value]选择器用于选择名称为E的标记，且该标记定义了att属性，att属性值包含value子字符串；
2，关系选择器：子元素选择器（>），相邻兄弟选择器(+ ~)
子元素选择器主要用来选择某一个元素的第一级子元素
兄弟选择器用来选择与某元素位于同一个父元素中，且位于该元素之后的兄弟元素
临近兄弟选择器：该选择器用+来连接前后两个选择器，选择器中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素
普通兄弟选择器使用~来连接前后两个选择器，选择器中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素
3，结构化伪类选择器：
：root:用于匹配文档根标签，在HTML中，根标签始终是html，：root选择器定义的样式对所有的页面标签都生效
：not选择器：如果对某个结构标签使用样式，但是想排除这个结构元素下面的子结构元素不使用这个样式，可以使用：not样式
：only-child选择器：用于匹配属于某父元素的唯一子元素，如果某个父元素仅有一个子元素，则使用：only-child选择器可以选择这个子元素
：first-child/：last-child分别用于选择父元素中的第一个和最后一个子元素
：nth-child(n)/:nth-last-child(n)选择器可以选择某个父元素中的第一个或最后一个子元素
：nth-of-type(n)/：nth-last-of-type(n)用于匹配属于父元素的特定类型的第n个元素和倒数第n个元素
：empty选择器用来选择没有子元素或文本内容为空的所有元素
5：伪元素选择器
：before伪元素选择器，用于在被选元素的内容前面插入内容
content属性来指定添加的具体内容
：after伪元素选择器：同上