使用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無法以你嘗試的方式訪問它們。

將包含首選顏色的類添加到要更改的元素將是實現您想要實現的目標的一種方式。