html after不显示,css after不起作用？

css的伪元素，之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。

css after不起作用？

css after伪类元素不起作用是因为添加的元素默认是inline元素，需要设置content属性，否则伪类元素就不起作用了。

(相关课程推荐：css视频教程)

伪元素:after用法

这个伪元素在真正页面元素之后添加新内容(当然了，可以对伪元素应用定位可以置于任何位置)。可以用以下例子来说明：

wonyun!

p:after{

content: "you are handsome!"

}

上面例子从技术角度看，等价于下面的html结构：

wonyun!

you are handsome!

由此可知 :after 添加的内容默认是inline元素；

这个两个伪元素的content属性，表示伪元素的内容，设置 :after 时必须设置其content属性，否则伪元素就不起作用。

本文来自css3答疑栏目，欢迎学习！