Javascript 如何覆盖HTML<；字体大小=”；2“&燃气轮机；使用CSS

我的任务是对我们目前的网站进行整容。我相当精通CSS，所以我正在将bazillion标签转换为CSS样式，并删除大约2倍于根本不需要的标签

一切都很顺利，直到我遇到一个特定的产品页面，它只是一个包装器，其他HTML文件由server.execute（filename）命令拉入其中。（我们正在使用aspx作为包装页。）

这些页面几乎有700页，它们都被这样那样的诅咒着。以前的FrontPage编辑只知道如何在屏幕上拖动漂亮的东西

无论如何，我想知道是否有一种方法可以在包装页中使用CSS来覆盖标记行为，这样我就可以使它与我的其他页面相适应。我甚至愿意使用JavaScript删除标记，但这是我不太喜欢的解决方案。谢谢

font[size="2"] {
   property: value !important;
   ...
}

！重要信息

after属性值是您要查找的内容。

您可以使用来匹配字体标记：

font[size="2"] {
    font-size: 12px;
    font-weight: bold;
}

---

如果你可以——这意味着如果你可以忽略IE6——使用CSS方法Eli Grey和James Goodwin提议

---

一种更干净、但更乏味的方法是进行智能搜索+替换，将所有

更改为

或其他内容。它将使您摆脱糟糕的代码，并在所有浏览器中工作。

对于这种情况，简单的重置即可，例如

font {
    font-size: 100%;
}

---

因为Internet Explorer忽略了

！重要信息

rule，您可以尝试以下Javascript方法（使用jQuery）用span替换所有字体元素，并使用适当的样式表应用格式

$('font').each(function(){
  var fontFree = $('span');
  fontFree.append($(this).contents());
  fontFree.addClass('size_'+$(this).attr('size'))
  $(this).replaceWith(fontFree);
});

---

但不会与IE6一起工作。如果客户端在其站点上使用

font

标记，这可能是一个问题。谢谢+答案也是1。非常好，但不会与IE6一起工作-仍然（遗憾地）值得注意。谢谢我一直在寻找的答案。我将不得不迅速而严厉地处理IE6（我希望如此）。我不明白为什么，但即使在IE8中，我也无法让它工作。我只是忽略了什么？有人成功了吗？@Pekka为我工作，你在使用doctype吗？@James nope，即使使用doctype也不适合我。不管怎样，也许我该结束了，这可能只是某个地方的一个打字错误。既然我们做的是对的，那个“size_2”最好用语义来命名。更不用说结束了/font@Adriano如果为true，则返回类名。我之所以说“智能”搜索+替换，是因为它必须是一个能够识别和替换标签的工具。Dreamweaver过去有这个功能，也有其他工具。+1非常好的解决方案（如果OP不需要给

size=2

一个特定的其他大小作为交换。）@Pekka但是size属性将覆盖这个。他需要一个

！重要信息

“如果OP不需要给

大小=2

一个特定的其他大小作为交换”-啊，是的，这假设他只是想完全摆脱表示标签的影响。就我个人而言，我会编辑这些页面，700页并不多。这会有点无聊，但在一个像样的文本编辑器中，经过一两天明智的查找和替换，你就可以将一个狗的早餐变成一些像样的代码。有可能所有字体标签的大小都是2吗？如果为true，

font{font size:12px！important}

也必须在IE6上执行。毕竟IE是第一个实现了css标准的浏览器！重要的。