Css 将内联样式替换为泛型类

我遇到了一个问题，在这里有很多内嵌式样式，左填充：一些值，左边距：一些值

<div class="row" style="padding-left: 40px">
</div>

---

我们如何以一般和最佳的方式处理这些事情。问题是这两个属性都没有一致且唯一的值。我们可以创建某种函数或mixin来处理这个问题吗？

最好的做法是清理HTML：从中删除内联样式（

style=“padding left:40px”

）。以这种方式混合样式和内容几乎是最糟糕的做法

您可以使用

！重要信息

，以覆盖来自HTML的内联样式。例如：

p {
  margin: 1rem;
  padding: 1rem;
  background-color: #DDD !important;
}

<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<p style="background-color: #99F">Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 

p{
保证金：1rem；
填充：1rem；
背景色：#DDD！重要；
}
佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

前庭侵权、封建生活、别有用心、临时诉讼、诉讼
不要让你的自由人坐在那里。我的生命是永恒的。Mauris Placelat eleifend leo.

---

注意！重要的是有一种代码味道——这有点骇人，因为您已经在处理来自HTML的次优内联样式。您可以将此与系统中的任何Sass混合使用。

我不理解您认为Sass将如何帮助解决此问题。Sass只能编译成CSS，并且只有CSS才会呈现给用户。@cimmanon:如何删除这些类型的内联术语。与使用vanilla CSS的方法相同？这里可以提供更多信息。有www.cssout.com，但这只是在元素中添加了一些讨厌的id，这在我看来没有多大用处。有Nathan Smith的快速脚本，你可以运行它来去除标签，但我不确定它是否能帮助你实现你想要的。