css伪类

:active伪类则用于元素被激活（通常是被点击）的瞬间

:focus伪类用于当元素获得焦点时（比如输入框被点击时）

:hover伪类可以用来改变鼠标悬停在链接或按钮上时的样式

:first-child、:last-child、:nth-child()

属性选择

[attribute=value] 可以用来基于元素的属性选择元素

:checked伪类选择器可以选择所有选中的复选框和单选按钮，这对于创建自定义表单控件的样式非常有用

::first-line 和 ::first-letter 伪元素分别允许开发者为元素的第一行文本和第一个字母设置特定的样式

::before 和 ::after 伪元素，开发者可以在元素的内容之前或之后插入新的内容或装饰，而不需要修改HTML代码。这种方法非常适合添加图标、装饰性元素或者是为元素添加特殊的前缀或后缀