CSSStyleSheet

发表于2022-08-14|更新于2026-02-24

|浏览量:

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

惯例，先上MDN：https://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 }")

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

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

相关推荐

如何给博客添加看板娘（二）

只有跨越了来自人类自身恐惧的人，才有资格被称为站在顶峰的人。我是这样认为的。——迪奥·布兰度这次就非常简单啦首先你得准备模型文件然后把这段代码粘贴过去 1234567891011121314151617181920<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script src="https://VampireAchao.github.io/js/live2dcubismcore.js"></script><script src="https://VampireAchao.github.io/j...

冗长的黑暗中，你是我唯一的光。——《白夜行》分享一个文档构建工具docsify 官方网址：https://docsify.js.org/#/zh-cn/ 基本上现在很多开源项目都是基于其构建主要是样式简洁、编写、部署方便，基于markdown文件生成目录、文章非常适合程序员快速开始：https://docsify.js.org/#/zh-cn/quickstart

for...in、for...of、for await...of

处世应当谦虚，切忌轻人傲世。——佚名简单说下区别： for...in遍历出来的是key 12345678910var obj = {a:1, b:2, c:3};for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]);}// Output:// "obj.a = 1"// "obj.b = 2"// "obj.c = 3" for...of遍历出来的是元素 123456789const array1 = ['a', 'b', 'c'];for (const element of array1) { console.log(element);}// Expected output: "a"// Expected output: "b&quo...

Chrome DevTools 快速定位请求调用栈并调试前端问题

观古今于须臾,抚四海于一瞬。一一陆机《文赋》教你用 Chrome DevTools 快速定位请求调用栈并调试前端问题在前端开发和接口联调中，我们经常遇到这样的场景：某个 HTTP 请求发出后，返回异常，或者你想知道是谁在哪一步发起了这个请求？搞清楚「请求的调用来源」，是定位和解决问题的第一步。今天就来详细聊聊，如何用 Chrome DevTools 追踪请求的 JS 调用栈，并配合断点调试，精准掌控前端网络请求的“源头”。一、为什么要看请求的调用栈？定位发起请求的代码片段：前端框架、工具库封装很多，找不到是谁发的请求很常见。分析异常/冗余请求：有时页面多发、重复发请求，光看 Network 面板无法溯源。 Debug 异步流程：配合断点跳转，可以还原异步流转过程，查明数据流动和时序问题。二、如何用 Chrome DevTools 查看请求的 JS 调用栈？1. 打开 Network 面板，找到目标请求按 F12 或右键→检查，打开 Chrome DevTools。切换到【Network】标签页，刷新页面或触发操作，找到你关注的请求（可用 fil...

新标签页打开

人民不仅有权爱国，而且爱国是个义务，是一种光荣。——徐特立 123456<a href="https://VampireAchao.github.io/" target="_self">默认当前页面打开</a><a href="https://VampireAchao.github.io/" target="_blank">新页面打开</a><a href="" target="ruben">在frame中打开</a><iframe src="" name="ruben"></iframe><a href="https://VampireAchao.github.io/" target="_parent">如果是在iframe里，无视iframe直接当前外层页面打开<...

CompositionEvent

业余生活要有意义，不要越轨。——华盛顿分享一个输入法事件：CompositionEvent 这个事件只在用户间接输入文本（如使用输入法）时触发：例如下面这个例子： 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html><head> <title></title></head><body> <div class="control"> <label for="name">On macOS, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> ...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中