css after不起作用?

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

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其它相关文章!

推荐阅读