Question

在css风格中我有以下

.back::after  {
    content: "";
    background-image: url(../images/patch.png);
    background-repeat: repeat;
    opacity: 0.6;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;

}

无论如何使用jQuery：$(".back ::after").css("opacity","0.9")选择::after元素来改变不透明度不起作用！知道怎么做吗？

Answer 1

如前所述，您无法定位伪元素，因为它们实际上并不存在于DOM中。

你可以简单地添加一个额外的CSS规则并改为定位相关元素：

.back.focus::after  {
    opacity: 0.9;
}

和

$('.back').addClass('focus');

Answer 2

尝试使用一个冒号，即：.back:after。如果仍然无效，请发表评论。

Answer 3

好吧，感谢整洁的解决方案，但我认为这个最适合我，因为我可以轻松控制它，动态地注入我自己的风格并将其删除。

document.styleSheets[0].insertRule('.back::after { opacity: 0.9 !important; }', 0);

jQuery（:: after）选择器问题

3 个答案: