html - 覆盖特定元素的链接样式

标签 html css

我知道之前有人在这里问过这个问题,但那里提供的答案似乎都不适合我。

我有一个样式表,将所有链接的颜色设置为红色。页面上的所有其余文本都是纯黑色的。我有一个特定的 H1 元素是一个链接,但我希望这个 H1 元素像所有其他链接一样是红色的。相反,我只是希望它是普通的黑色,就像所有其他文本一样。但是,无论我尝试什么,它都像所有其他链接一样保持红色。

这是我的样式表中的代码:

a:link {text-decoration: none; color: #B83131;}
a:visited {color: #B83131;}

我已经为特定的 H1 标签尝试了特定的样式,但没有用。我试着给 H1 标签一个类名并为该类设置样式,但没有帮助。我觉得我在这里遗漏了一些东西......

最佳答案

你把它设置为 anchor 了吗?

h1 a:link { color: black; }

关于html - 覆盖特定元素的链接样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15437919/

相关文章:

css - 我如何使用 LESS 中的循环来为排版创建特定的类名?

html - 响应式页脚设计 - 包装页脚元素

html - 水平分布没有左边距或右边距

html - Microsoft Edge 上固定的列数和位置

html - 页脚内容未正确对齐

HTML 页面和一个 css 页面

css - bootstrap Angular 半径覆盖我的外部 div 面板 Angular

html - Bootstrap 3 中 Youtube (Iframe) 左右两侧的响应式图片

javascript - 使用 onSubmit 而不是 onClick 时, react 等待不会等待

javascript - 延迟的可逆转换