Question

一位朋友让我使用WYSIWYG-Editors来修复由几个没有任何html / css知识的人创建的html文档。基本上我只想覆盖他们所做的一切（文件太大而无法删除所有不必要的代码行）所以一切都至少有相同的font-color和font-family。

我尝试使用

body {
    font-color: rgb(5,51,102) !important;
    font-family: Helvetica, Arial !important;
    }

（也是body *或html / html *）但它不会改变任何东西。各个元素上有很多样式标记，这些仍然会覆盖！在文档顶部定义的重要属性只是因为它们在元素上是正确的吗？我该如何覆盖它们？

正如我必须处理的一个例子：

style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)"><STRONG>Nove</STRONG></SPAN></font><font face="Helvetica, Arial, sans-serif" class="welcome-body-font" style="FONT-SIZE: 13px"><SPAN lang=EN-GB 
                                style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)"><STRONG>mber </STRONG></SPAN></font><font class="welcome-body-font" style="FONT-SIZE: 13px"><SPAN lang=EN-GB

这个拼写“十一月”。

Answer 1

您可以使用!important覆盖样式，但需要直接应用于需要覆盖的元素。

但我建议清理这段代码（通过正则表达式或一些编程语言），因为带有大量!important的CSS会增加更多的混乱。

font, span {font-size: 25px !important; color: red !important}

<!DOCTYPE html>
<html>

<head>
</head>

<body>
<font face="Helvetica, Arial, sans-serif" class="welcome-body-font" style="FONT-SIZE: 13px">
	<span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)">
		<STRONG>Nove</STRONG>
	</SPAN>
</font>
<font face="Helvetica, Arial, sans-serif" class="welcome-body-font" style="FONT-SIZE: 13px">
	<SPAN lang=EN-GB style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)">
		<STRONG>mber </STRONG>
	</SPAN>
</font>
</body>

</html>

Answer 2

我认为你必须以艰难的方式去做。如果你想让未来变得简单，你需要简化代码并减少混乱。当然很难立刻做到，但你需要一步一步地做。

我建议你给元素赋予类名以分配CSS并删除样式属性。这将减少许多HTML代码，这将使工作更容易。

覆盖凌乱的HTML

2 个答案: