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

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()

但是：

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

在文档上返回 0准备好了..

有办法做到这一点吗？

Answer 1

有办法吗？

抱歉，没有。使用 :after （或 :before，或 CSS 3 等效项 ::after 和 ::before) 不是 DOM 的一部分，因此无法选择。

来自 CSS 2.1 规范：

生成的内容不会更改文档树。特别是，它
不会反馈到文档语言处理器（例如，对于
重新解析）。

Answer 2

遗憾的是，伪元素不在 dom 中。所以你的浏览器将无法看到它们:(

因为你希望它们在页面加载后加载或者已经读取了CSS，所以我会使用after:使用javascript来完成它

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

，现在已经添加了我可以玩用 javascript 和删除等等。