再谈“文本修饰”和“:after”伪元素

再谈“文本修饰”和“:after”伪元素,第1张

再谈“文本修饰”和“:after”伪元素

IE8的:before和:after伪元素的实现不正确。Firefox,Chrome和Safari均根据CSS 2.1规范来实现。

5.12.3:before和:after伪元素

伪元素’:before’和’:after’可用于 元素 content之前或之后 插入 生成 的内容
。它们在生成的文本部分中说明。

级联样式表2级修订1(CSS 2.1)规范

规范指出内容应该插入元素的内容 之前或之后, 而不是元素 (即 content:before content
content:after
)之前或之后。因此,在Firefox和Chrome中,您遇到的文本装饰不在插入的内容上,而是在包含插入内容的父锚元素上。

我认为您的选择将使用上一个问题中建议的背景图像/填充技术,或者可能将锚元素包裹在span元素中,然后将伪元素应用于span元素。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5641251.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存