是否可以动态设置伪元素的CSS?例如:
jQuery 动态样式帮助容器
$('#help').css({
"width" : windowWidth - xOffset,
"height" : windowHeight - yOffset,
"bottom" : -windowHeight,
"left" : 200
});
jQuery 尝试设置帮助容器的内边框:
$('#help:before').css({
"width" : windowWidth - xOffset,
"height" : windowHeight - yOffset
});
上面的 CSS 文件
#help
{
opacity: 0.9;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
z-index: 1000000;
bottom: -550px;
left: 400px;
background-color: #808080;
border: 5px dashed #494949;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}
#help:before
{
border: 5px solid white;
content: '';
position: absolute;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}
您不能直接通过 jQuery 来完成此操作。
看看这个问题:从 JavaScript 设置 CSS 伪类规则 https://stackoverflow.com/questions/311052/setting-css-pseudo-class-rules-from-javascript
@Box9的回答 https://stackoverflow.com/questions/311052/setting-css-pseudo-class-rules-from-javascript/5077782#5077782可能是您实际应该使用的:
我拼凑了一个小型图书馆 https://github.com/Box9/jss因为我确实认为那里
是在 JS 中操作样式表的有效用例。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)