css选择器

1、元素选择器：

A、标签选择器：选中页面中的所有指定标签中的元素 如：p{}

B、类名选择器：选中页面中所有指定类名的元素 如: .className{}

C、id选择器：选中页面中id名的元素，id名是唯一的。如:#box{}

D、*通用选择器：选中页面中所有的标签à*{}

E、群组选择器：用,隔开，多个选择器的元素会被选中 à选择器，选择器，选择器

F、交叉选择器：通过多个选择器共同选中一个元素à标签选择器.类名选择器

2、关系选择器：

A、子代（子包含）选择器：通过父代选中子代，直接子元素à父代选择器>子代选择器

B、后代选择器：所有的后代元素，孙子辈的元素à父选择器 子选择器

C、相邻兄弟：E+F,紧挨着E元素的后面的第一个F元素

D、同级兄弟：E~F,紧挨着E元素的后面的所有同级F元素

3、结构伪类选择器：

:frist-child：第一个子元素 关注元素位置

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

:nth-child(2n):第2n个子元素

:nth-last-child(n):倒数第n个子元素

:nth-child(odd)：选中奇数子元素

:nth-child(even):选中偶数子元素

：frist-of-type: 这种元素的第一个子元素 关注元素本身

：last-of-type这种元素的最后一个子元素

：nth-of-type(n)这种元素的第n个子元素

：nth-last-of-type(n)这种元素的倒数第n个子元素

:hover:鼠标移入时

:root:选择当前页面的根元素

:empty:选择页面中的空元素，且该元素不能包含文字

4、伪元素选择器：

::after给当前元素的末尾添加最后一个子元素，与content属性一起使用

::before给当前元素的开头添加第一个子元素，与content属性一起使用

:first-letter选中当前文本的第一个字母

:first-line选中当前文本的第一行文字

5、属性选择器：

E[attr]匹配E元素，并且有attr属性的元素。

E[attr=value] 选择匹配E的元素，有attr属性，值为"value" 的元素

E[attr~=value]匹配E元素，有attr属性，属性值为空格分割的列表，其中一个值是value的元素，自身也会被选中。

E[attr|=value]匹配E元素，有attr属性，属性值是完整且唯一的value或者以-分割的元素。

E[attr^=value] 匹配E的元素，有attr属性，attr属性值以"value"字母开始。E选择符可以省略，表示可匹配任意类型的元素。

E[attr$=value]匹配E的元素，有attr属性，attr属性值以"value"字母结束。E选择符可以省略，表示可匹配任意类型的元素。

E[attr*=value]匹配E的元素，有attr属性，attr属性值包含"value"字母。E选择符可以省略，表示可匹配任意类型的元素。