使用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

您可以使用此方法修改的唯一一个元素是<script src="https://www.google.com/jsapi"></script> <div id="chart"></div>，您可以这样做：

.nav-toggle span

至于其他的：if (iconPos >= audPos && iconPos < eventPos) { $(".nav-toggle span").css('color', 'black'); } ，:before等等:after - jQuery无法按照您尝试的方式访问它们。

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