javascript - 如何更改 :before (pseudo-element) element (with jQuery) 的属性

Question

告诉我如何更改元素的属性:之前？

例如:

CSS:

.myclass:before {
    content:                '';

    position:               absolute;
    left:                   40px;
    top:                    -10px;
}

j查询

myElement.addClass('myclass');

我要改变:

来自

left: 40px

到

left: 100px

我该怎么做？

Answer 1

伪元素不是 DOM 的一部分，因此不能使用 jQuery 或 Javascript 对其进行操作。

你可以尝试使用jQuery直接插入css

$('head').append('<style>.myclass:before{left:100px;}</style>');

或者我更喜欢的方式是添加另一个在其 CSS 规则中留下 100 px 的类

CSS

.myclass.active:before {
    left: 100px;
}

jQuery

$("#myElement.myclass").addClass("active");