CSS3的伪类:before和:after的使用方法

我看到有些网页CSS3绘制的各种图形使用的是before和after伪类，但是就是不明白是怎么用的，有大神解释一下吗

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
2b0x 2017-10-22 07:16
关注
在指定的元素前或后面插入元素。
示例w3c有
传送门：after选择器使用说明

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

前端学习遇到的问题2：css用html来进行选择设置和用body来进行选择设置有区别么? css html 前端
2022-09-04 08:54

回答 1 已采纳你可以放在一起
伪元素清除浮动失效，求解决方法，是哪里出问题了 css css3 前端
2022-08-08 16:22

回答 3 已采纳你不是清除成功了吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&
关于#html#的问题：CSS在from表单中失效 css html 前端
2023-04-01 03:33

回答 1 已采纳失效是什么情况？如果是因为加了form的原因，可以在样式前面加上form的修饰，表示作用于form下面的btn
微信小程序 CSS 选择器::after和::before的简单使用
2021-03-29 17:27

前两天看文档看到选择器那块儿的时候，前面4个基本都能理解：.class，#id，element，element, element，但后面两个::after和::before（文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。...
前端怎么解决页面浏览器大小造成元素大小不合理的问题？ css html5
2021-06-23 02:07

回答 2 已采纳试试用百分比布局。或者禁止缩放
在网页中缩放网页会导致设置的背景图片的大小发生变化，这是为什么 css html 前端有问必答
2022-01-20 21:30

回答 2 已采纳这要看你背景图片是如何设置的,你把代码发下看看,不是这个图片本身的问题应该是图片的父div也变小了,放不下图片了,你把图片的父div加一像素看看
响应式的网站导航栏如何缩进手机端图标 css html 前端
2022-06-20 09:44

回答 2 已采纳不知道你解决问题没有 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq
【面试题】详解css中伪元素::before和::after和创意用法
2022-11-11 18:07

前端技术栈的博客两个伪元素的初始宽度都为0，鼠标滑入的时候，让两个伪元素宽度都变为100%，由于鼠标滑入时我们并不需要第二个伪元素出现，所以这里我们给它的背景颜色设置为透明，这样就可以实现鼠标滑入时只展示第一个伪元素宽度...
html网页改成vue怎么实现 html vue.js 前端
2021-11-26 16:48

回答 2 已采纳在vue中数据是要定义到data的中的所有方法是要定义在methods中v-bind:click绑定如果有帮助请点[采纳]
主题更改后，插件在前端消失 php
2016-04-04 08:41

回答 1 已采纳 I may be wrong but I guess in your case the theme for which your plugin is not displayed has the p
从数据库中提取数据并在排行榜中显示 css html javascript mysql php
2016-10-20 10:39

回答 2 已采纳 This should work, just replace your php code with this: <?php session_start(); mysql_
网站开发进阶(七十一）：css伪元素::before和::after用法详解
2022-05-11 16:37

No Silver Bullet的博客文章目录一、前言二、伪元素::before和::after用法三、::before 和 ::after 特点四、::before 和 ::after 常见使用场景4.1 清除浮动4.2 利用attr()来实现某些动态功能4.3 与counter()结合实现序号问题，而不用使用...
在特定字符之前和之后为文本字符串着色 javascript jquery php
2012-09-18 09:27

回答 3 已采纳 js: var colorize = function(text) { var delimiter = "_", parts = text.split(delimiter),
详解css3中的伪类before和after常见用法
2021-01-18 16:14

国外这两个伪类应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识，要使用顶多也就是跟风的“清除浮动”应用。 1.基本用法 :before和:after的作用就是在指定的元素内容（而不是元素...
CSS学习笔记之伪元素，::before和::after
2022-10-13 21:20

云梦山老人的博客 CSS伪元素 ::after ::before
没有解决我的问题, 去提问

悬赏问题

¥15 Matlab问题解答有两个问题
¥50 Oracle Kubernetes服务器集群主节点无法访问，工作节点可以访问
¥15 LCD12864中文显示
¥15 在使用CH341SER.EXE时不小心把所有驱动文件删除了怎么解决
¥15 gsoap生成onvif框架
¥15 有关sql server business intellige安装，包括SSDT、SSMS。
¥15 stm32的can接口不能收发数据
¥15 目标检测算法移植到arm开发板
¥15 利用JD51设计温度报警系统
¥15 快手联盟怎么快速的跑出建立模型