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)

相关推荐

君子之交淡若水，小人之交甘若醴，君子淡以亲，小人甘以绝。——庄子 God’s Eye View：当真实世界被铺展在一颗可探索的三维地球上项目地址：https://github.com/bilawalsidhu/gods-eye-view 如果把地球放进浏览器，并让它不再只是一张静态地图，会发生什么？ God’s Eye View 给出的答案，是一颗不断呼吸的三维地球。飞机在天空中留下轨迹，船只沿着海面移动，卫星在轨道上划过，地震、火情、天气、道路交通、公共摄像头、公共交通、广播电台与太空任务等信号逐层浮现。它拥有一种近似电影中侦察座舱的视觉气质，却并不依赖神秘数据：项目聚合的是公开信号与公开或第三方数据源，并尝试将这些原本分散在不同位置的信息放到同一个可探索的地球中。这是一款运行在浏览器中的间谍卫星模拟器，也是一套面向实时空间信息探索的开源客户端。它让人从高空俯瞰，也让人能够一路靠近地面；让人查看全球尺度的动态，也让人可以锁定一架飞机、一艘船、一颗卫星、一处火情或一个摄像头位置。它不只是把数据叠在地图上，而是试图将地球塑造成一个可以观察、追踪、询问、标注、导演镜头并不断...

JS的线程模型和事件循环机制

生命不是安排，而是追求。——弗吉尼亚·伍尔芙从线程和浏览器底层执行的角度来看，JavaScript 的延迟/休眠功能是如何实现的呢？线程模型和事件循环JavaScript 的执行环境（如浏览器或 Node.js）是单线程的，这意味着在任何给定的时间点，只有一个线程在执行 JavaScript 代码。为了管理并发操作，JavaScript 依赖于事件循环（Event Loop）。事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤：检查调用栈（Call Stack），如果调用栈为空，则继续。检查消息队列（Message Queue），如果消息队列中有待处理的任务，则取出队首的任务并执行。重复以上步骤。宏任务和微任务在事件循环中，有两种类型的任务：宏任务（Macro Task）和微任务（Micro Task）。宏任务：包括整体脚本执行、setTimeout、setInterval、setImmediate（Node.js）等。微任务：包括 Promise 的回调、process.nextTick（Node.js）、Mutation...

Jest集成github action

仅是天才不能成为作家，因为书的背后极需要作家的人格。——爱默生 Jest是一款优雅、简洁的JavaScript测试框架。官方文档： https://jestjs.io/zh-Hans/ github： https://github.com/jestjs/jest 创建项目： 12345678910111213Last login: Wed Sep 18 16:56:31 on ttys001The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd ~/IdeaProjects/simple-jest/Github-Id-VampireAchao:simple-jest achao$ npm inst...

自杀是卑怯的行为。——鲁迅分享一个：https://markmap.js.org/ Github：https://github.com/markmap/markmap 可以使用markmap生成思维导图html 例如：https://markmap.js.org/repl

希望是生命的源泉。——亚里士多德 Open Notebook：更自由、更强大的“学习型笔记”开源实现想把读论文、看书、做研究的过程彻底“智能化”？把你的资料收集、摘要整理、跨文档检索、问题答复、思维导图和项目推进，统统接入一个“懂你”的学习型笔记系统？Open Notebook，就是这样一款面向个人与团队的开源项目：更自由、更可扩展的 Notebook LM 开源实现。项目地址：lfnovo/open-notebook 官网主页：https://www.open-notebook.ai 项目描述：An Open Source implementation of Notebook LM with more flexibility and features 主语言：TypeScript License：MIT Stars：12,366+ Forks：1,261+ 主题标签：assistant learning note-taking notebook notes-app self-learning Open Notebook 的愿景，是把“学习”变成一个高效、可协...

uniapp对接oss视频上传+压缩

与其在绝望和挣扎中苟活，不如在希冀和盼望中死亡。——纪伯伦首先是文件上传的代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...

阿超

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

数据加载中