有没有办法使用jQuery 选择/操作CSS伪元素,如::before和::after(以及带有一个分号的旧版本)？
例如,我的样式表具有以下规则:
.span::after{ content:'foo' }
如何使用jQuery将'foo'更改为'bar'？
我用CSS制作了一个心形按钮.这是我的代码的JSFiddle链接.
#heart {
height: 50px;
width: 50px;
position: relative;
}
#heart .outline:before,
#heart .outline:after {
position: absolute;
content: "";
left: 28px;
top: 1px;
width: 15px;
height: 27px;
background: #d53423;
-moz-border-radius: 50px 50px 0 0;
border-radius: 85px 60px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart .outline:after {
left: 13px;
-webkit-transform: rotate(45deg);
border-radius: 45px 60px 0 0;
-moz-transform: …在CSS中,我习惯于body:after添加内容,我想在jQuery中获得它的高度.我怎么能这样做？
我从这里读到这些伪元素是为了修改而不可选择的？我似乎甚至无法$("body > :last-child")选择应该是最后一个孩子:after？