伪类和伪元素

什么是伪类

伪类是选择器的一种，它用于选择处于特定状态的元素。用:给选中的元素添加想要的样式。

a:link 表示匹配页面上href链接没有被访问过的a元素

a:visited 表示匹配页面上访问过的a元素

a:hover 表示匹配鼠标经过的元素，常用于鼠标移到标签元素变色。

a:active 表示匹配激活状态的元素（通过鼠标主键点击或触屏触摸的过程中触发样式，结束后还原样式）。

a:focus 表示匹配聚焦状态的selector选择器元素。

常见的还有更多，其他的在后续会讲，先就讲这些

伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。伪类有一个冒号，伪元素有两个，虽然说一个也能识别，但是出于可读性的考虑，还是建议要用两个冒号。

针对首行文本设置属性。

针对首字母设置属性。

::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

::before 创建一个伪元素，其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。