CSSStyleSheet

2022-08-14

前端

只要能培育出艳丽的花朵,做一颗会朽的草又有何妨? ——鲁迅

惯例,先上MDNhttps://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet

然后是例子:

新增规则:https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule

1
2
// 新增一条规则,将所有元素的hover字体颜色设为蓝色
document.styleSheets[0].insertRule("*:hover { color:blue }")

image-20220814141208884

移除规则:https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/deleteRule

1
document.styleSheets[0].deleteRule(0)