伪类
- 定义
伪类是添加到选择器的关键字，用于指定所选元素的特殊状态。例如，伪类 :hover 可以用于选择一个按钮，当用户的指针悬停在按钮上时，设置此按钮的样式。
伪类由冒号（:）后跟着伪类名称组成（例如 :hover）。函数式伪类还包含一对括号来定义参数（例如 :nth-child()。附上了伪类的元素被定义为锚元素（例如 button:hover 中的 button）。
前端常用的伪类有 :hover、:focus、:first-child、:first-of-type、:last-child、:last-of-type、:nth-child()、:not()、:has() 等等。
伪元素 - 定义
伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式，例如 ::first-line 伪元素可以改变段落首行文字的样式。一个选择器只能使用一个相同类型的伪元素。
伪元素由冒号（::）后跟着伪元素名称组成，例如 ::before、::after 等。 - 常用伪元素
常用伪元素有 ::before 和 ::after。