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

Question

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

在页面加载中,我希望出现类的:before和:after元素.我设置了.lifted:before和.lifted:after之后是不透明度:在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 */