Css 如何使用伪内容删除内容中的填充

为什么

btn close侧边栏

的底部仍然有填充，而我设置了

padding:0px！重要的和
边距：0px！重要的在其伪内容上



.btn关闭侧栏{
背景：红色！重要；
填充：0px！重要；
保证金：0px！重要；
}
.btn关闭侧栏：：之后{
背景：绿色；
内容：“；
背景图像：url（“数据：image/svg+xml，”）；
背景重复：无重复；
背景大小：2rem2rem；
显示：内联块；
宽度：30px；
高度：32px；
保证金：0px！重要；
}


替换为
显示：块在
.btn关闭边栏：：在{…}之后

不要使用
重要
，除非这是最后一个选项

.btn关闭侧栏{
背景：红色！重要；
填充：0px！重要；
保证金：0px！重要；
}
.btn关闭侧栏：：之后{
显示：块；
背景：绿色；
内容：“；
背景图像：url（“数据：image/svg+xml，”）；
背景重复：无重复；
背景大小：2rem2rem；
宽度：30px；
高度：32px；
保证金：0px！重要；
}


替换为
显示：块在
.btn关闭边栏：：在{…}之后

不要使用
重要
，除非这是最后一个选项

.btn关闭侧栏{
背景：红色！重要；
填充：0px！重要；
保证金：0px！重要；
}
.btn关闭侧栏：：之后{
显示：块；
背景：绿色；
内容：“；
背景图像：url（“数据：image/svg+xml，”）；
背景重复：无重复；
背景大小：2rem2rem；
宽度：30px；
高度：32px；
保证金：0px！重要；
}
：默认情况下，在
之后，伪元素以内联方式显示。引导将
.btn
类上的行高度设置为1.5 rem。
您可以将此属性设置为0：

.btn-close-sidebar {
  line-height : 0;
  / ...
}

或将“显示”设置为“伪元素上的块”：

.btn-close-sidebar::after {
  display: block;
  / ...
}

：默认情况下，在
之后，伪元素以内联方式显示。引导将
.btn
类上的行高度设置为1.5 rem。
您可以将此属性设置为0：

.btn-close-sidebar {
  line-height : 0;
  / ...
}

或将“显示”设置为“伪元素上的块”：

.btn-close-sidebar::after {
  display: block;
  / ...
}