目标：使用jQuery之前和之后的伪元素

可能重复：
使用JQuery操作CSS伪元素

在页面加载中，我想要出现类的：before和：after元素。 我设置了.lifted：之前和.lifted：之后是不透明度：在css中为0。 在准备好的文件中，我有：

$(".lifted:before").css("opacity", "1"); $(".lifted:after").css("opacity", "1"); 

这不起作用。 并且.after jQuery操纵器仅用于插入内容，据我所知。

有什么办法可以使用jQuery操纵这些伪元素的CSS吗？

Answer 1

决定采用在元素上添加类的解决方案，然后在css中操作它。

 $(".lifted").addClass("on"); 

CSS

 .lifted.on:before, .lifted.on:after { opacity: 1; -webkit-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: none /* Removed until FF4 hang bug is fixed */