content这个属性我一直没有使用过，没接触过。
偶然看到好多样式当中都用到了这个属性，从网上查到的是，必须配合:before和:after来使用。
可以前后给插入内容。
假设想给一个p标签里面的内容超出后添加省略号，就可以适用这个属性。
p:after{content:"......"}
但是ie6不支持，不过现在用ie6的人很少了。ps:但是我们公司还要做兼容。ku....
如果想对其中一个内容后面文字隐藏的话，可以使用。
#p.box:after{content:"none"}
content属性的值除了使用文本值外，还可以使用标签的一些属性值，方法是attr()
原文：http://www.cnblogs.com/jimi/p/4362055.html