伪元素中content的设置作用

来源：2-14 项目作业

幕布斯3322991

2019-12-19 21:53:28

.cloud::before{
	content: "";
	width: 80px;
	height: 80px;
	border-radius:40px;
	background: #fff;
	top: -80px;
	position: absolute;

}

在制作不规则云时候用到了伪元素，一度无法显示出来，知道对照前面五星红旗的那个案例，发现添加content=""; 的操作就可以显示。可是该伪元素的父元素cloud也没有设置content="";怎么就可以正常渲染出图形来呢？

写回答

1回答

好帮手慕慕子

2019-12-20

已采纳

同学你好，对于你的问题解答如下：

content的作用是伪元素显示出来， css语法规定，在我们使用::before和::after设置伪元素时，必须设置content属性，才可以在页面中显示伪元素。
伪元素的父元素cloud是正常的html元素，直接就可以显示在页面中，不需要设置content

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

0 学习 · 40143 问题

相似问题

回答 2

回答 1

回答 1

回答 1

回答 1