Question

我有一些html锚链接代码，与文档的其余部分不同，我希望它看起来不像链接。

是否有一种简单的方法来禁用由于在锚标记中包装文本而导致的样式更改，而不必强制它是相同的（即，如果我更改正文字体样式，我不必更改一些其他：链接东西）。

Answer 1

将颜色设置为黑色，将文本修饰设置为明确无颜色比使用它更具侵略性。

我一直在寻找锚点的CSS是“良性”，只是融入现有的CSS。这就是我的目的：

a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

然后我将CSS nostyle类添加到我想要未格式化的锚点。

Answer 2

如果您不关心IE，可以将:not(#exclude)（其中exclude是相关链接的ID）附加到您的链接样式：

a:link:not(#exclude), a:visited:not(#exclude) {
    text-decoration: none;
    color: blue;
    cursor: pointer;
}

否则我认为你不能像你描述的那样蛮力。您可以使用内联样式（不推荐），也可以使用分配给该链接的特殊类/ ID，其选择器与body组合。例如，如果您有这些样式：

body {
    text-decoration: none;
    color: black;
    cursor: auto;
}

a:link, a:visited {
    text-decoration: none;
    color: blue;
    cursor: pointer;
}

您可以简单地将更符合该链接的选择器投放到body规则上：

body, #exclude {
    text-decoration: none;
    color: black;
    cursor: auto;
}

a:link, a:visited {
    text-decoration: none;
    color: blue;
    cursor: pointer;
}

Answer 3

我通过创建一个类.reset-a并定位其所有'伪类'来实现这一目标。

对所有伪类进行定位对于使其完美无缺是非常重要的。

outline: 0属性会在焦点处于焦点或活动状态时删除链接周围的虚线边框。

.reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active  {
  text-decoration: none;
  color: inherit;
  outline: 0;
  cursor: auto;
}

HTML Anchor，禁用样式

3 个答案: