css - 在 CSS 中取消样式锚标记

Question

我希望从锚标签中删除所有标准样式的下划线、粗体和颜色，以便锚标签所做的只是链接而不是扰乱显示。

我尝试了以下方法，但我仍然将所有内容都以蓝色和粗体显示，这很痛苦。

a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
}

任何人都知道如何不仅通过替换替换来删除样式，而且实际上根本不让它为链接设置样式，这样样式就不会在锚中被打乱。

score 5 · Accepted Answer

该CSS应该可以工作。也许您的样式表没有被加载？例如，尝试使链接的字体大小明显变大font-size:50px;。

如果链接变大但颜色/文本装饰/字体重量仍然没有继承那么我不知道问题是什么但是如果链接保持相同大小那么你的问题在于将你的 css 链接到你的 html文件。

score 3 · Accepted Answer

@Drejon 的答案几乎是我想要的，但是明确设置颜色、文本装饰和字体粗细会导致a标签不从其父级获取这些值，这正是我想要的。这是我最终使用的：

a, a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

score 2 · Accepted Answer

我不确定我是否理解。试试这是否有帮助：

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000000; /*color of your choosing*/
    text-decoration: none;
    font-weight: normal;
}

3 回答 3