当定义一个dom元素后,如果需要对其做部分调整,如下图:
这是可以添加两个半圆,但这样会使dom元素增加,会影响dom树结构。
所以可以采用伪元素实现。
伪元素的功能等价于一个dom元素,但不会出现在dom树中。
相当于每一个dom元素有一对隐形的子元素::before 和 ::after。之前怎么操作dom元素,就怎么操作子元素。
注:必须添加content,哪怕不设置内容,也需要content:””
注: 伪元素后期无法通过js操作。
当定义一个dom元素后,如果需要对其做部分调整,如下图:
这是可以添加两个半圆,但这样会使dom元素增加,会影响dom树结构。
所以可以采用伪元素实现。
伪元素的功能等价于一个dom元素,但不会出现在dom树中。
相当于每一个dom元素有一对隐形的子元素::before 和 ::after。之前怎么操作dom元素,就怎么操作子元素。
注:必须添加content,哪怕不设置内容,也需要content:””
注: 伪元素后期无法通过js操作。