CSS中的Unstyleing Anchor标签

时间:2012-04-22 10:42:40

标签: css

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

我尝试了下面的内容,但我仍然将所有内容都用蓝色和粗体显示,这很痛苦。

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

任何人都知道如何通过替换替换来删除样式,但实际上根本没有对链接进行样式设置,以便样式不会在锚点内打乱。

3 个答案:

答案 0 :(得分:5)

CSS应该正常工作。也许你的样式表没有加载?例如,尝试使用font-size:50px;使链接的字体大小明显变大。

如果链接变大但颜色/文字装饰/字体重量仍未继承,那么我不知道问题是什么,但如果链接保持相同的大小那么你的问题在于链接你的CSS到您的HTML文件。

答案 1 :(得分:2)

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

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

答案 2 :(得分:1)

@ Drejon的答案几乎就是我想要的,但明确设置颜色,文本修饰和字体权重导致a标签不从父母那里获取这些值,这是我想要的。以下是我最终使用的内容:

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