为什么这个简单的 :after 和 :before 伪元素不起作用？ [关闭]

【问题标题】：Why is this simple :after and :before pseudo element not working? [closed]为什么这个简单的 :after 和 :before 伪元素不起作用？ [关闭]
【发布时间】：2011-12-16 00:45:42
【问题描述】：

为什么伪类不起作用？

代码如下：

http://jsfiddle.net/Midtone/DCDVM/

它看起来很简单，但我无法让它在任何浏览器中工作。这是一个尾声错误吗？谢谢。

【问题讨论】：

标签： css pseudo-element

【解决方案1】：

由于您似乎正在尝试使用left: 0; right: 0; 绝对定位元素，因此您需要添加。

position: absolute;

然后你可以开始看到你在玩什么......除此之外......除了显示你正在使用的 css 之外，我真的无法解读你想要做什么。

http://jsfiddle.net/DCDVM/2/

【讨论】：

【解决方案2】：

您没有为这些伪元素指定任何尺寸（在该上下文中）。这就是他们没有出现的原因。

top 和 left 对于带有 position: static（默认值）的元素将被忽略。

jsFiddle.

【讨论】：