当定义一个dom元素后,如果需要对其做部分调整,如下图:

这是可以添加两个半圆,但这样会使dom元素增加,会影响dom树结构。
所以可以采用伪元素实现。
伪元素的功能等价于一个dom元素,但不会出现在dom树中。
相当于每一个dom元素有一对隐形的子元素::before 和 ::after。之前怎么操作dom元素,就怎么操作子元素。

注:必须添加content,哪怕不设置内容,也需要content:””
注: 伪元素后期无法通过js操作。
本文介绍了如何利用伪元素:before 和:after 来优化 DOM 结构,避免因添加额外的半圆元素而导致 DOM 元素增加的问题。通过合理运用伪元素,不仅可以达到预期的设计效果,还能有效减少 DOM 元素的数量,进而提升网页性能。
当定义一个dom元素后,如果需要对其做部分调整,如下图:

这是可以添加两个半圆,但这样会使dom元素增加,会影响dom树结构。
所以可以采用伪元素实现。
伪元素的功能等价于一个dom元素,但不会出现在dom树中。
相当于每一个dom元素有一对隐形的子元素::before 和 ::after。之前怎么操作dom元素,就怎么操作子元素。

注:必须添加content,哪怕不设置内容,也需要content:””
注: 伪元素后期无法通过js操作。
519
1080

被折叠的 条评论
为什么被折叠?