Javascript设置CSS:after样式
你能用Javascript设置css的:after样式吗 让我们说:Javascript设置CSS:after样式,javascript,jquery,css,Javascript,Jquery,Css,你能用Javascript设置css的:after样式吗 让我们说: $("#foo li:after").css("left","100px"); 一个最小的实现。您很可能希望跟踪添加的规则,以便删除它们sheet.insertRule返回新规则的索引,可用于获取对该规则的引用以进行编辑或删除 编辑:为方便起见,添加了将对象转换为css属性字符串的基本功能。这会有所帮助:添加了jQuery标记,因为您似乎正在使用它。似乎未包含内容:属性。 var addRule = (function(st
$("#foo li:after").css("left","100px");
一个最小的实现。您很可能希望跟踪添加的规则,以便删除它们sheet.insertRule
返回新规则的索引,可用于获取对该规则的引用以进行编辑或删除
编辑:为方便起见,添加了将对象转换为css属性字符串的基本功能。这会有所帮助:添加了jQuery标记,因为您似乎正在使用它。似乎未包含
内容:
属性。
var addRule = (function(style){
var sheet = document.head.appendChild(style).sheet;
return function(selector, css){
var propText = Object.keys(css).map(function(p){
return p+":"+css[p]
}).join(";");
sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length);
}
})(document.createElement("style"));
addRule("p:before", {
display: "block",
width: "100px",
height: "100px",
background: "red",
"border-radius": "50%",
content: "''"
});