Триггерные события с JQuery на CSS3: после псевдоэлемента?

Question

У меня есть этот CSS

#popup .title:hover:after { 
    content: "hide"; 
    position: absolute; 
    top: 3px; 
    right: -32px; 
    background: orange; 
    padding: 2px 4px; 
    font-size: 10px; 
    border-radius: 4px; 
} 

и хотел использовать событие щелчка на нем .remove()<div id="#popup"> Но:

$('#popup .title:hover:after').length 

возвращает 0 на документ готов ..

Есть ли способ сделать это?

Answer 1

Есть ли способ?

Извините, нет. Псевдоэлементы, созданные с :after (или :before, или эквиваленты CSS 3 ::after и ::before), не являются частью DOM и поэтому не могут быть выбраны.

Из CSS 2.1 spec:

Сформирован содержимое не изменяет дерева документа. В частности, он не возвращается обратно на процессор языка документа (например, для ).

Answer 2

К сожалению, элементы Pseduo не находятся в доме. Таким образом, ваш браузер не сможет их увидеть :(

Как вы хотите, чтобы загрузить после загрузки страницы или бы прочитать CSS я бы сделать это с JavaScript, используя после:

$('#popup .title').after(); (you'll need to ploop your code in still) 

и теперь, когда было добавлено, я могу играть с ним с помощью javascript и удалять и т. Д.