Изменить css посещенных ссылок с помощью jQuery

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);
   });
  });