JQuery改变了'顶部'：之后

Question

我正在尝试更改：在元素之后的'top'属性。

CSS：

.mymessage:after
{
top:20px;
}

我如何设置它的动画来说，40px？

Answer 1

Pseudoelements不是DOM的一部分，因此原则上它们无法通过Javascript访问。您可以做的最好的事情是在页面中添加样式表，为假元素添加新规则。

Answer 2

你可以让jquery在元素$('.mymessage').addClass('active')中添加一个类，然后为它创建样式并设置css动画

.mymessage:after
{
top:20px;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}

.mymessage.active:after
{
top:40px;
}