CSS 实用选择器

一些常用的比如类选择，ID选择，元素选择器不说，说其它常用的

E+F 相邻兄弟选择器 相邻兄弟选择器可以选择紧接在另一元素后的元素

E~F 选择器将选择某元素后面的所有兄弟元素

属性选择器

E[attr]：只使用属性名，但没有确定任何属性值；

E[attr="value"]：指定属性名，并指定了该属性的属性值；

E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；

E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；

E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的；

E[attr*="value"]：指定了属性名，并且有属性值，而且属值中包含了value；

E[attr|="value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）;

nth选择器

:first-child选择某个元素的第一个子元素；

:last-child选择某个元素的最后一个子元素；

:nth-child()选择某个元素的一个或多个特定的子元素；

:nth-last-child()选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算；

:nth-of-type()选择指定的元素；:nth-last-of-type()选择指定的元素，从元素的最后一个开始计算；

:first-of-type选择一个上级元素下的第一个同类子元素；

:last-of-type选择一个上级元素的最后一个同类子元素；

:only-child选择的元素是它的父元素的唯一一个了元素；

:only-of-type选择一个元素是它的上级元素的唯一一个相同类型的子元素；

:empty选择的元素里面没有任何内容。

not否定选择器

非选择器

伪元素选择器

::first-line选择元素的第一行

::first-letter选择文本块的第一个字母

::before和::after这两个主要用来给元素的前面或后面插入内容

::selection用来改变浏览网页选中文的默认效果