菜单 学习猿地 - LMONKEY

 css after不起作用?

css after不起作用?

suijianghui profile image suijianghui ・1 min read

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属性,否则伪元素就不起作用。

评论 (0)