如何在SCSS文件中移除编译后CSS里的content属性？

这个样式是Bootstrap或AdminLTE自带的清除浮动规则，要在SCSS里去掉编译后CSS的content属性，有两种实用方法：

• 直接覆盖原样式（最推荐）：在你自定义的SCSS文件末尾（必须放在导入Bootstrap和AdminLTE的代码之后），重新定义这些伪元素样式，用content: none重置掉原有的content: ""：

.card-header::after,
.card-body::after,
.card-footer::after {
  content: none;
}

这样编译后，这段样式会覆盖框架自带的规则，最终CSS里的这些伪元素就不会保留content: ""了。

• 修改框架的清除浮动混入（适合全局调整场景）：Bootstrap的清除浮动是靠clearfix混入实现的，AdminLTE大概率复用了这个逻辑。如果你的项目需要全局去掉所有clearfix伪元素的content，可以重写这个混入：

@mixin clearfix {
  &::after {
    display: block;
    clear: both;
    // 删除原有的content属性
  }
}

不过这种方法要谨慎，会影响所有使用了clearfix的元素，可能引发其他布局问题。

注意：必须保证自定义代码的加载顺序在框架之后，否则样式覆盖不会生效。

内容的提问来源于stack exchange，提问作者Ivan-Mark Debono