html - 用CSS修改链接

标签 html css

我正在处理一些链接,并使用 CSS 来控制它们的外观。我已经完成了正常的外观和 a:hover看看,但我对 a:visited 有问题看看。

当我尝试输入 a:visited 时要在访问时更改颜色,a:hover停止工作并且停止显示颜色变化。

有人知道为什么会发生这种情况吗?

最佳答案

您的 a:visited 规则可能您的 a:hover 规则之后,并且由于它们具有相同的特异性,因此最后一个规则会覆盖以前的。只需将 a:hover 移至 a:visited 之后,它就应该可以工作。或者,您可以通过将 a:visited 更改为 :visited 来降低其特异性。

参见your probable problem , one possible solution通过更改顺序,和 the alternative solution通过改变特异性。

您还可以将 !important 添加到 color 属性 ( example ),但这不是一个好主意,因为它会覆盖甚至更晚且更具体的属性,加上旧版本的 Internet Explorer 不支持它。

关于html - 用CSS修改链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8566787/

相关文章:

javascript - 如何通过单击按钮使 html 文档出现在另一个 html 文档中,并对其进行样式设置

php - 在 php 中使用 css 样式

html - 仅在 HTML/CSS 中以最小宽度/高度缩放 ​​HTML 中的图像

jQuery。获取与单击的元素位于同一行的值跨度元素

javascript - HTML2canvas 生成模糊图像

javascript - 您可以在 HTML 标记的 onclick 上使用 "this"属性吗?

html - 我怎样才能添加div的平滑三 Angular 形底部

css - 多个图标的单个 PNG 文件

xhtml - 为什么我的浏览器顶部有空白?

jquery - 带有标签突出显示的自定义复选框