jQuery(::after)选择器问题

jQuery(::after)选择器问题,jquery,css,Jquery,Css,在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; } 无论如何,使

在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(“不透明度”,“0.9”)
来选择
::after
元素来更改不透明度是行不通的!知道怎么做吗?

如前所述,您不能将伪元素作为目标,因为它们实际上不存在于DOM中

您只需添加一个额外的CSS规则,并以相关元素为目标:

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


如前所述,您不能将伪元素作为目标,因为它们实际上并不存在于DOM中

您只需添加一个额外的CSS规则,并以相关元素为目标:

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


尝试只使用一个冒号,即:
。back:after
。如果仍然不起作用,请留下评论。

尝试只使用一个冒号,即:
。返回:在
之后。如果仍然不起作用,请留下评论。

好吧,谢谢你提供了简洁的解决方案,但我认为这一款最适合我,因为我可以轻松控制它,动态注入我自己的风格并删除它

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

好的,谢谢你的简洁的解决方案,但我认为这一个最适合我,因为我可以很容易地控制它,动态地注入我自己的风格并删除它

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

你不能选择它,因为DOM中不存在伪元素。谢谢,有什么解决办法吗?@JoshC重复的帖子对视觉样式不起作用。你不能选择它,因为DOM中不存在伪元素。谢谢,有什么解决办法吗?@JoshC重复的帖子对视觉样式不起作用。这不是本例中的问题。即使只有一个冒号,它仍然不起作用。您可能需要阅读
:after
:after
:。基本上在CSS3中,伪元素以
开头,伪选择器以
开头。谢谢。我学到了一些东西!这不是本案的问题。即使只有一个冒号,它仍然不起作用。您可能需要阅读
:after
:after
:。基本上在CSS3中,伪元素以
开头,伪选择器以
开头。谢谢。我学到了一些东西!这是一个巧妙的解决办法:)+1这是一个巧妙的解决办法:)+1