老师,感觉不是很理解啥时候用伪元素?、

来源:4-6 扩展-循环动画

goufully

2019-05-07 13:33:45

老师,感觉不是很理解啥时候用伪元素?

写回答

1回答

好帮手慕夭夭

2019-05-07

你好同学,伪元素你可以简单的理解为是元素的一个子元素。例如如下图形:

http://img.mukewang.com/climg/5cd130d60001705401490123.jpg

我们如果没有学习伪类的时候,就会写一个div嵌套一个小div .也就是如下这样

http://img.mukewang.com/climg/5cd131200001b09b03050069.jpg

然后分别设置宽高以及背景。如果使用伪类的话,就可以去掉inner这个盒子,直接在box伪类上面绘制小正方形,这样节省了一个div.如下:

http://img.mukewang.com/climg/5cd1315c000188a007380639.jpg

伪元素就是说它并没有在html结构中实际去写一个元素标签,而是在某一个元素上面生成的一个伪类。所以它并不是必须要使用,如果有一个整体的效果,它是由很多部分组成,这时候就可以使用伪类去代替某一些子元素哦。

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程