在html中删除单个链接元素的css

Question

我在html页面中使用a标记，该标记使用css我无法放置或修改。 在定义的css a:link中，我想要在我的html文件中使用这种方式。

如何使用我的a代码删除从css继承的任何现有样式，而不修改css文件？

像

这样的东西

<a href="foo.bar" style="none">foobar</a>

可能？

请记住，目前我无法修改css文件！

Answer 1

不幸的是，您需要重置应用于该元素的所有样式。

例如，如果您的锚标记具有以下样式：

a {
    color:#f00;
    font-weight:bold;
    font-size:100px;
    background:#00f;
    text-decoration:none;
    /* Etc... */
}

要重置它，您必须指定：

<a href="foo.bar" style="color:#000;font-weight:normal;font-size:16px;background:transparent;text-decoration:underline;<!-- Etc... -->
">foobar</a>

Answer 2

好的，到现在为止我想到了三种方式：

1. 找出适用于此链接的样式，并将这些样式规则的默认值放在该style的{​​{1}}属性中。
2. 为<a>提供一个ID，并将<a>附加到您选择其他链接的选择器。那只是略微编辑CSS文件。
3. 将该单个链接放入:not(#linkID)。据我所知，包含文档的CSS不会影响<iframe>的内容。