老师，请问我这个before的元素为什么不显示？

慕大斯 2019-08-23

源自：CSS3转换 2-8 编程练习

1

收起

3回答

好帮手慕码回答被采纳获得+3积分 2019-08-26 10:51:26

同学你好！
（1）是的，这是固定写法。只要用到before和after伪元素就需要添加content属性

（2）不是的，因为before和after伪元素默认是一个行内元素，设置宽高不生效。当需要这个元素有宽高属性的时候，就设置为block或者设置定位（fixed/absolute）也是相同的效果

如果帮助到了你，欢迎采纳，祝学习愉快~

好帮手慕夭夭 2019-08-23 19:29:58

你好同学，content 是伪类:before必须添加的属性，因为它是给伪类插入内容的。就算没有实际的内容，也要设置一个空字符串。否则不会显示。如下添加content：

祝学习愉快，望采纳。

提问者慕大斯 #1

请问这里display:block也是必须加的么？

2019-08-26 10:19:50

我学习太差被关起来了 2019-08-23 16:26:09

加上

display: block;

content: "";

提问者慕大斯 #1

好的，但是为什么？

2019-08-23 16:27:36
weixin_慕的地5241954 回复提问者慕大斯 #2

第一个值是转换成盒子，第二个值是加入一个空白，两个值合成一个空白盒子，因为第二个值不加，浏览器识别不出来，，默认什么都没有，before就无法继承star所有的原有属性

2019-08-25 16:55:34
提问者慕大斯 #3

谢谢您，我可以理解为这是固定的语法么，只要用到before和after伪元素，就得加？

2019-08-26 10:13:56

相似问题

请问老师我这个为什么不显示

before和after伪元素相对原来元素的位置

请问老师关于3-1

为什么不使用classList

老师请问这个伪元素和子盒子是相同的对吧

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载