13
A
回答
25
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: "''"
});
最小實現。你很可能會想跟蹤你添加的規則,以便你可以刪除它們。 sheet.insertRule
返回新規則的索引,您可以使用該規則獲取對其進行編輯或刪除的引用。
編輯:爲方便起見,添加了將對象轉換爲css屬性字符串的基本功能。
+0
似乎'content:'屬性沒有包含在內。 –
相關問題
- 1. 用python設置CSS風格到GtkBox
- 2. 使用php dom設置css風格
- 3. 獲取並設置css風格爲var
- 4. JQuery css()和JavaScript風格
- 5. 設置/獲取風格高度在JavaScript
- 6. 設置風格與:懸停javascript
- 7. JQuery設置Div風格後效果
- 8. 設置ConverterParameter風格
- 9. Android 4的設置風格
- 10. 如何設置li風格?
- 11. 更改設置值風格
- 12. jQuery的設置風格
- 13. codeigniter css風格
- 14. asp:radiobuttonlist css風格
- 15. Highcharts:風格(css)
- 16. CSS類風格
- 17. javascript和css之間的風格衝突
- 18. 使用Javascript/CSS的Safari風格標籤
- 19. 用javaScript更改子類的css風格
- 20. CSS最後一行的元素風格
- 21. 設置風格的分組表格
- 22. 不同風格的CSS標籤設置內的標籤
- 23. 如何用CKEditor設置css風格的數據?
- 24. 爲div內容重置css風格
- 25. Css風格優先
- 26. Yii CActiveFormWidget css風格
- 27. 繼承css風格
- 28. SelectionCell的Css風格
- 29. CSS DIV風格HTML
- 30. CSS繼承風格
這可以幫助:http://stackoverflow.com/questions/311052/setting-css-pseudo-class-rules-from-javascript – WTK
添加jQuery標籤,因爲你似乎正在使用它。 –