css after不起作用?
css after伪类元素不起作用是因为添加的元素默认是inline元素,需要设置content属性,否则伪类元素就不起作用了。
(相关课程推荐:css视频教程)
伪元素:after用法
这个伪元素在真正页面元素之后添加新内容(当然了,可以对伪元素应用定位可以置于任何位置)。可以用以下例子来说明:
<p>wonyun!</p> <style> p:after{ content: "you are handsome!" } </style>
上面例子从技术角度看,等价于下面的html结构:
<p> wonyun! <span> you are handsome!</span> </p>
由此可知 :after 添加的内容默认是inline元素;
这个两个伪元素的content属性,表示伪元素的内容,设置 :after 时必须设置其content属性,否则伪元素就不起作用。
本文来自css3答疑栏目,欢迎学习!
以上就是css after不起作用?的详细内容,更多请关注易知道|edz.cc其它相关文章!