如何添加删除伪元素before，after

答案:2 悬赏:70 手机版

解决时间 2021-03-04 12:42

提问者网友：十年饮冰
2021-03-04 02:32

最佳答案

五星知识达人网友：夜余生
2021-03-04 04:04

一、介绍
css3为了区分伪类和伪元素，伪元素采用双冒号写法。
常见伪类——:hover,:link,:active,:target,:not(),:focus。
常见伪元素——::first-letter,::first-line,::before,::after,::selection。
::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。
这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。
所以不要用:before或:after展示有实际意义的内容，尽量使用它们显示修饰性内容，例如图标。
举例：网站有些联系电话，希望在它们前加一个icon☎，就可以使用:before伪元素，如下：

12345645654

全部回答

1楼网友：鸽屿
2021-03-04 04:12

区别： 1）before是css中的一种伪元素，可用于在某个元素之前插入某些内容。 2）after是css中的一种伪元素，可用于在某个元素之后插入某些内容。简单的代码测试： ello worl

以上的代码将会在页面中展现的是"hello world"。通过浏览器的"审查元素"看到的内容是： ::before "ello worl" ::after

p标签内部的内容的前面会被插入一个:before伪元素，该伪元素内包含的内容是"h"；而在p标签内的内容后面会被插入一个:after伪元素，该元素包含的内容是"d"。作为一只合格的程序猴子，捍卫"hello world"的完整存在是必要的。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息