【问题标题】:Set a:visited style with JavaScript or jQuery使用 JavaScript 或 jQuery 设置 a:visited 样式
【发布时间】:2020-11-25 22:42:12
【问题描述】:

如何使用 JavaScript 或 jQuery 设置 a:visited 的样式。我知道如何使用常规链接进行设置,例如

document.getElementById('a12').style.color = '#ff0000';

但我不知道它如何与a:visited 一起使用?

【问题讨论】:

  • 您是想将链接标记为已访问,还是更改已访问链接的显示方式?
  • 不,我只是想知道是否可以使用javascript设置这样的样式。

标签: javascript jquery css


【解决方案1】:

样式属性调整应用于元素的样式属性,它们完全取代了选择器

你有两个选择。

  • 提前编写规则集,然后设计元素以匹配选择器。

例如

.foo:visited {
  color: #f00;
}

document.getElementById('a12').className += ' foo';
  • 使用匹配元素的选择器动态生成规则集。

Setting CSS pseudo-class rules from JavaScript查看 bobince 的回答

【讨论】:

  • 嗨,我尝试了类似 document.getElementById('tplcss').innerHTML += 'a:hover{color:#FF0000;}'; 适用于 FF 和 Chrome,但 IE 出现运行时错误。我应该按照你的链接。谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-05-19
  • 2011-05-25
  • 2011-08-25
  • 1970-01-01
  • 2012-02-16
  • 1970-01-01
  • 2015-06-17
相关资源
最近更新 更多