有没有办法使用jQuery 选择/操作CSS伪元素,如::before和::after(以及带有一个分号的旧版本)?
例如,我的样式表具有以下规则:
.span::after{ content:'foo' }
Run Code Online (Sandbox Code Playgroud)
如何使用jQuery将'foo'更改为'bar'?
这个CSS不起作用的原因是什么?
a[href^="http"]:after {
content:"";
width:10px;
height:10px;
display:inline-block;
background-color:red;
}
a[href^="http"] img ~ :after {
display:none;
}
Run Code Online (Sandbox Code Playgroud)
..在这个HTML上?
<a href="http://google.com">Test</a>
<a href="http://google.com">
<img src="https://www.google.com/logos/classicplus.png">
</a>
Run Code Online (Sandbox Code Playgroud)
想法是在匹配的锚标签上有一个伪元素.但我不希望它适用于包装图像的锚标签.而且由于我不能使用类似的东西来定位锚点a < img,我想通过找到一个它是兄弟的图像,我可以将目标定位在:after伪元素之后.
任何见解将不胜感激.