五大类选择器

一、基本选择器

1、html里的标签

2、class选择器

3、id选择器

4、*通配符

5、群组选择器

二、属性选择器

1、[属性]

2、[属性=属性值]

3、[属性~=属性值]

4、其他 ^  $ * |

三、层级选择器

1、子代、后代选择器 

2、兄弟选择器

四、元素选择器

1、::after

2、::before

3、::first-line

4 、::first-letter

5、::selection

五、伪类选择器

1、结构伪类选择器

:first-child/:last-child :nth-child(even/odd/2n/2n-1)   :nth-last-child

:first-of-type  :last-of-type  :nth-of-type  :nth-last-of-type

:only-child   :only-of-type

:empty

:root

2、否定伪类选择器

:not()

3、目标伪类选择器

:target

4、ui元素状态选择器

:enabled （form表单）
:disabled 禁用（form表单）
:checked 选中（form表单）
:selection 用于文本的操作

5、动态伪类选择器

:link 
:hover 
:active 
:visited