html - 为什么我的不是 :visited style work in Chrome or IE?

标签 html css css-selectors

我正在使用一个简单的 HTML 选择器来更改已访问链接的颜色。这适用于 Edge 和 Firefox,但不适用于 Chrome 和 IE。任何提示都会很棒。

a:visited {
  color: pink !important;
}
<a href="https://www.w3schools.com">W3Sschools</a>
<a href="http://www.wikipedia.org">Wikipedia</a>

<p><b>Note:</b> The :link selector style links to pages you have not visited yet.</p>

最佳答案

当为伪类设置样式时 :visited对于 <a>元素,显式设置所有样式是个好主意,这样您就不会遇到任何样式表冲突:

  • a:link
  • a:visited
  • a:hover
  • a:active

您可以使用助记符记住正确的顺序:LoVe HAte

关于html - 为什么我的不是 :visited style work in Chrome or IE?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58953501/

相关文章:

html - 是否有理由使用 a 而不是 :link or a:visited in my stylesheet?

html - 清除 Microsoft Edge 中输入类型日期的值

javascript - 弹出窗体 - 定位和样式

html - 如何使这些 HTML 信息 block 保持相同大小?

css - 使用纯 CSS 的垂直文本在浏览器之间不一致

java - Webdriver - 无法找到 Xpath/CSS 并出现 NoSuchElementException

javascript - 数据表:更改表的高度不起作用

使用 html5 选择器时不应用 CSS 样式。浏览器在渲染 CSS 方面有什么变化吗?

CSS - 如何影响除一张特定图像之外的所有图像

python - Beautiful Soup CSS 选择器找不到任何东西