使用Javascript从链接中删除不需要的CSS

Question

我需要在我们的网站上有一个链接，以便不继承页面的CSS规则 - 此时它显示带有边框和下划线等，这对于此特定链接是不可取的。

我似乎依稀记得能够将href更改为<a href="javascript:;"></a>，这有效地覆盖了CSS，但我不记得如何使链接转到所需的页面。你能帮我填一下吗？谢谢！

Answer 1

您必须覆盖样式表上定义的样式。有几种方法可以做到这一点（以下示例将颜色设置为红色，但实际上您必须设置border: 0; text-decoration: none;）。

内联样式

<a href="#" id="thelink" style="color:#f00;">link text</a>

<强>的JavaScript

document.getElementById('thelink').style.color = '#f00';

外部CSS或<style>阻止（如果您可以为此元素添加特定的CSS规则）

#thelink { color: #f00; }

如果由于某些更具体的选择器优先使用上述内容而无效：

#thelink { color: #f00 !important; }