Question

我想不是因为这不起作用：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
 $("p:after").addClass("allgone");
</script>
<style type="text/css">
p:after {
 content: "daniel";
}
.allgone{
display: none;
}
</style>
<title></title>
</head>
<body>
<p></p>
</body>
</html>

JSFIDDLE

Answer 1

不，但您可以将该类添加到p元素，并为其创建替代样式。

p:after {
    content: "daniel";
}
p.allgone:after {
    display: none;
}

$('p').addClass('allgone');

http://jsfiddle.net/xGUaY/

Answer 2

不，伪元素不是DOM的一部分，也不能通过JavaScript访问它们。

我相信他们是Shadow DOM的一部分。浏览器将伪元素呈现为包含元素内部的内联元素，作为第一个或最后一个子元素。

Answer 3

否因为它们是伪元素，而不是实际的DOM。但是您可以使用添加的课程，例如说是否添加了课程box 那么您可以根据要编码的版本执行.box:after和.box:before或.box::after和.box::before。

是否可以将类添加到伪元素？

3 个答案: