jQuery(::after)选择器问题
在css样式中,我有以下内容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; } 无论如何,使
.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