在下面的课程当中，伪类是经常被使用到的一项css技术。所以这我们先进行伪类的学习来作为本次Echarts课程的前置知识。

认识“&”

        在css中，“&”符号通常用于选择器中，表示选择某个元素的子元素或特定状态下的元素。

伪类

:hover——鼠标悬停状态:active-鼠标点击击（按下不放）时激活

:focus——获得焦点

:visited——已访问的链接接（a标签）

:link——未访问的链接（a标签)

:first-child——第一个子元素

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

:nth-child()——指定索引l的子元素

:nth-last-child()——指定索引（反向）的子元素

:only-child——仅有一个子元素

:empty——没有子元素

:checked——勾选状态的表单元素

:disabled——禁用状态的表单元素

:enabled——可用状态的表单元素

:required——需要填写的表单元素

:valid——验证通过的表单元素

:invalid——验证未通过的表单元素

:target——当前活动的目标

:first-of-type——相同类型的第一个元素

:last-of-type——相同类型的最后一个元素

:nth-of-type()——相同类型的指定索引

:nth-last-of-type()——相同类型的指定索引（反向）

:not()——不匹配给定选择器

:root——文档根元素

:lang()——指定语言

伪元素

::before——在元素内容前插入一个虚拟元素

::after——在元素内容后插入一个虚拟元素

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

::first-letter——选择元素的第一个字母或第一个字符

::selection——选择用户选中的文本

::placeholder——选择表单元素的占位符文本

::marker——选择列表项的标记部分

::backdrop——选择对话框背景元素

::cue——选择音频和视频元素的字幕和注释

总结（其实可以直接看这里）

        是不是看的很懵逼，一下只要背的这么多🤯。哈哈哈哈但其实只需要学会上面那些标红的就可以啦🎉，剩下的有些特别偏门的其实可能一辈子也用不到⚡️。