jquery - 使用 jQuery 更改已访问链接的 CSS

Question

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

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

Answer 1

您可以使用伪类 a:visited 根据链接是否被访问来设置链接样式。在 CSS 中，但您不能使用 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);
   });
  });