使用 jQuery 更改已访问链接的 css

【问题标题】：Change css of visited links with jQuery使用 jQuery 更改已访问链接的 css
【发布时间】：2019-11-11 01:34:20
【问题描述】：

我正在使用 Wordpress 的定制器，它允许我在用户使用它时实时预览更改。以下代码适用于所有链接<a>，但我只想更改已访问链接的颜色。似乎它应该相当简单，但我似乎无法实现它。我该怎么做？

  wp.customize('link_visited_color', function(value) {
    value.bind(function(to) {
      $('a')
        .css({
          color: to
        });
    });
  });

【问题讨论】：

能否也添加代码的 HTML 部分，以便通过用 CSS 样式覆盖它来提供一些解决方案

标签： jquery css wordpress hyperlink

【解决方案1】：

您可以使用 CSS 中的伪类 a:visited 根据是否访问链接来设置链接的样式，但您不能使用 jQuery 修改伪类，因为它们在技术上不是 DOM 的一部分。但是，您可以使用<style> 标记将样式附加到页面。我已经修改了您的代码，以向您展示如何做到这一点的示例。

  wp.customize('link_visited_color', function(value) {
    value.bind(function(to) {
      let styles = `<style>a:visited {color: ${to} !important}</style>`;
      $('#liveStyle').length === 0 ?
        $('head').append(`<div id="liveStyle">${styles}</div>`) :
        $('#liveStyle').html(styles);
   });
  });

【讨论】：