css（）无法与li：selector一起使用

Question

我有如下所示的CSS，假设我想使用jquery for li更改边框颜色，然后对我不起作用。有人可以解决这个问题吗？如何使用Jquery更改该CSS样式的颜色。

.multi-steps > li:before {     
  border-color: #ffb22b;
}

$('.multi-steps > li:before').css({
  'border-color': '#007bff'
})

Answer 1

jQuery无法修改伪元素，因为它们不是DOM的一部分。

要解决此问题，请让jQuery在元素上添加/删除一个类，并将:before CSS规则绑定到该类。例如：

.multi-steps > li:before {     
  border-color: #ffb22b;
}
.multi-steps > li.foo:before {
  border-color: #007bff;
}

$('.multi-steps > li').addClass('foo');