是否可以在：CSS元素之前和之后添加/删除类属性？

Question

是否可以使jQuery函数（addClass和removeClass）影响CSS中的:after和:before元素？

.accordion-heading > a:before {
    background: url(../images/menuleftarrow.png) 98% center no-repeat;
} 
.accordion-heading .accordion-toggle > a:after {
    background: url(../images/menudownarrow.png) 98% center no-repeat;
} 

Answer 1

这不可能直接实现，因为DOM中不存在:before和:after等伪元素。

解决方法是在父元素上添加或删除类，然后使用它来键入CSS中的更改，如下所示：

$('.accordion-toggle a').addClass('foo');

.accordion-heading .accordion-toggle > a.foo:after {
    background: none; /* hide the background */
}