Использование .css() на псевдоэлементах с помощью jQuery

Question

var navIcon1 = $('.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after'); 

if (iconPos >= audPos && iconPos < eventPos) { 
    navIcon.css('color', 'black'); 
    navIcon1.css('color', 'black'); 

} 

Я пытаюсь изменить цвет начальной загрузки. Я пробовал этот код, но он не работает для меня.
Можно ли изменить CSS псевдоэлементов с помощью jQuery?

Answer 1

только один из элементов, которые можно изменить с помощью этого метода является .nav-toggle span, вы могли бы сделать:

if (iconPos >= audPos && iconPos < eventPos) { 
    $(".nav-toggle span").css('color', 'black'); 
} 

Что касается остальных: :before, :after и т.д. pseudo elements - Jquery не может получить доступ к ним как вы пытаетесь это сделать.

Добавление класса, содержащего предпочтительный цвет, к элементам, которые вы хотите изменить, будет способом достижения того, чего вы хотите достичь.

Answer 2

Вместо добавления CSS в вашем случае, добавьте CLAS к «нав-тумблер» для данной позиции и добавить цвет для этого класса