Цель: до и: после псевдоэлементов с помощью jQuery

Возможный дубликат:
Манипулирование псевдоэлементов CSS с помощью JQuery

В pageload я хочу: перед и: после появления элементов в классе. Я установил .lifted: before и .lifted: after to opacity: 0 в css. В готовом документе у меня есть:

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

Это не работает. И манипулятор .after jQuery предназначен только для вставки содержимого, насколько я могу судить.

Можно ли каким-либо образом манипулировать css этих псевдоэлементов с помощью jQuery?

Ответы

Ответ 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 */