伪类选已有元素的状态或位置，伪元素在DOM外创建虚拟节点；伪类用单冒号，伪元素必须用双冒号；伪元素需content属性才渲染，:visited和::selection受浏览器限制。...

通用兄弟选择器~匹配在A元素之后且同级的所有B元素；A与B须同父，~只向后查找不跨层级，区别于相邻兄弟选择器+，常见误用是混淆二者。...

:hover伪类需配合可交互元素使用，现代浏览器虽支持div:hover但语义差；必须显式声明transition才生效，且应写在默认状态中，优先使用transform和opacity等高性能属性。...

:not()只接受简单选择器，排除多个类需链式书写；控制鼠标选中用user-select而非:not()或pointer-events，其值none/text/all/contain决定可选行为，且支持继承与子元素覆盖。...

直接用color即可控制图标字体颜色，因其本质是特殊字符；需确保字体加载、类名正确及CSS优先级合理，推荐使用currentColor实现颜色同步，状态样式应结合伪类或属性选择器控制。...