在CSS3上使用JQuery触发事件：在伪元素之后？

我有这个CSS在CSS3上使用JQuery触发事件：在伪元素之后？

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

，并希望它使用一个click事件.remove()的<div id="#popup">但是：

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

的文件返回0准备..

有没有一种方法去做这个？

来源

2012-01-24 Toni Michel Caubet

嗯，我想我可以用JavaScript创建Dinamically元素...但只是好奇 –

有没有办法？

对不起，没有。使用:after（或:before或CSS 3等效的::after和::before）创建的伪元素不是DOM的一部分，因此无法选择。

从CSS 2.1 spec：

生成的内容不改变文档树。特别是，它不会被反馈回文档语言处理器（例如，重新分析）。

来源

2012-01-24 21:42:09

可悲的Pseduo元素不在dom中。所以，你的浏览器将无法看到他们:(

当你想在页面加载后，它们加载或将已阅读CSS我将使用后用JavaScript做到这一点：

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

现在，已添加我可以玩它与JavaScript和删除等等

来源

2012-01-24 22:33:06

在CSS3上使用JQuery触发事件：在伪元素之后？

回答

相关问题