使用jQuery在伪元素上使用.css（）

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

} 

我试图改变引导程序导航的颜色。 我尝试了这段代码，但它对我不起作用。
我可以用jQuery更改伪元素的CSS吗？

Answer 1

而不是在if中添加css，为给定位置添加一个clas到“nav-toggle”并为该类添加颜色

Answer 2

您可以使用此方法修改的元素中唯一一个是.nav-toggle span ，您可以这样做：

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

至于其他的：： :before ， :after等是pseudo elements - jQuery无法以你尝试的方式访问它们。

将包含首选颜色的类添加到要更改的元素将是实现您想要实现的目标的一种方式。