伪类和伪元素

参考

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements

伪类

伪类是选择器的一种，用于选择处于特定状态的元素，开头为冒号

:pseudo-class-name

例子：

1. :first-child
2. :last-child
3. :only-child
4. :invalid 表示任意内容未通过验证的<input>或其他<form>元素
5. :hover
6. :focus

伪元素

伪元素像新的元素，开头为双冒号

::pseudo-element-name

例子：

1. ::first-line
2. ::before
3. ::after