CSS :before not displaying

Question

如何让 :before 伪类正确呈现？我是否需要一些特殊的 CSS 才能完成这项工作？

这不起作用并且不显示任何内容: http://jsfiddle.net/XzMH6/

HTML

<div id="test"></div>

CSS

#test:before{
    width:100px; height:100px; background: #ddd;
    display:block;
}

Answer 1

您需要 content 属性。

#test:before{
    width:100px; height:100px; background: #ddd;
    display:block;
    content: "";
}

http://jsfiddle.net/ULfeu/