各位观众老爷们，晚上好！我是今天的主讲人，咱们今儿个唠唠CSS里两位“伪”大人物——::before和::after，以及它们那既可爱又让人头疼的“标准”行为和种种限制。别看它们名字里带个“伪”字，实力可一点都不伪，用好了能让你的网页瞬间高大上，用不好嘛…那就等着被设计师追着打吧！ 一、伪元素是个啥？ 别跟伪君子搞混了！ 首先，咱们得搞清楚，::before 和 ::after 到底是个什么玩意儿？它们是CSS的伪元素。 别跟那些道貌岸然的伪君子混为一谈啊！ 伪元素，顾名思义，就是“假的”元素。它们实际上并不存在于你的HTML结构里，而是通过CSS硬生生地“创造”出来的。 你可以把它们想象成化妆术。HTML是你的素颜，CSS是化妆品，而::before和::after就是你高超的化妆技巧，能给你脸上P出不存在的腮红和高光（当然，网页上P的不是腮红高光，而是各种各样的装饰和效果）。 二、::before和::after 的基本语法和用法 语法很简单，就是这样： selector::before { /* 各种CSS属性 */ } selector::after { /* 各种CSS属性 …
继续阅读“CSS `Standardizing Pseudo-elements` (`::before`, `::after`) 的行为与限制”