CSSStyleSheet
发表于|更新于
|浏览量:
只要能培育出艳丽的花朵,做一颗会朽的草又有何妨? ——鲁迅
惯例,先上MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet
然后是例子:
新增规则:https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule
1 | // 新增一条规则,将所有元素的hover字体颜色设为蓝色 |

移除规则:https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/deleteRule
1 | document.styleSheets[0].deleteRule(0) |
相关推荐
2020-07-05
jQuery的input框取值和赋值
取值 1$('#cowBeer').val() 赋值 1$("#cowBeer").attr("value", 666);
2024-10-23
slidev单文件页面
一个家庭中没有书籍,等于一间房子没有窗子。——约翰森 安装: 1npm i -g @slidev/cli 启动: 1slidev slides.md 对应的文件slides.md 1
2025-04-08
react-explorer
原谅是容易的,忘却则是困难的。——普拉顿 React Explorer: 一个使用 React 和 Electron 的文件管理器项目简介React Explorer 是一个开源的文件管理器项目,使用 TypeScript、React 和 Blueprint 编写,并使用 Electron 打包。它提供了一个跨平台的文件管理解决方案,支持 Linux、macOS 和 Windows 系统。 项目特点 跨平台支持:React Explorer 可以在 Linux、macOS 和 Windows 系统上运行,为用户提供一致的文件管理体验。 现代前端技术:项目使用 TypeScript 和 React 进行开发,确保代码的健壮性和可维护性。 Blueprint 组件库:使用 Blueprint 组件库构建用户界面,提供现代化的 UI 体验。 Electron 打包:通过 Electron 将应用打包成桌面应用,方便用户安装和使用。 状态管理:使用 MobX 进行状态管理,确保应用状态的一致性和响应性。 开源许可:项目采用 MIT 许可,允许用户自由使用和修改代码。 项目主页项目主...
2022-12-23
vue重置data
没有爱情,可千万不要结婚——奥斯汀 场景:需要重置已经更改后的data 官方文档: https://v2.cn.vuejs.org/v2/api/#data 其中提到可以通过调用data函数得到一个全新的副本对象 https://v2.cn.vuejs.org/v2/api/#vm-options 然后我们可以通过$options获取用于当前 Vue 实例的初始化选项,因此通过 1this.$options.data() 能够得到最初定义data的一个全新的副本对象(这里的this指向vue实例) 再使用Object.assign 1Object.assign(this.$data, this.$options.data()) 即可重置data 在某些情况下,this.$options.data()的this指向有问题,可以使用 Function.prototype.call()处理 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call...
2026-03-18
browser
Lightpanda Browser The headless browser built from scratch for AI agents and automation. Not a Chromium fork. Not a WebKit patch. A new browser, written in Zig. Lightpanda: the headless browser designed for AI and automation Lightpanda:一个不想当“Chromium 影子”的无头浏览器Lightpanda 的仓库描述像一张名片——短,但一击即中: Lightpanda: the headless browser designed for AI and automation 他不是为了“再造一个能看网页的东西”而来,他更像为 AI 代理、自动化脚本、LLM 训练、爬取与测试而生的专业选手:轻装、快跑、少吃内存、启动即走。 而 README 开头那段自我介绍,更像他站在舞台中央,抬手就把身世说...
2022-04-06
react hook 生命周期
诚实的生活方式其实是按照自己身体的意愿行事,饿的时候才吃饭,爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档:https://zh-hans.reactjs.org/docs/hooks-reference.html#conditionally-firing-an-effect 直接上代码: 123456789101112131415161718192021222324252627282930313233343536373839404142'use strict';function LikeButton() { const [liked, setLiked] = React.useState(false) const [count, setCount] = React.useState(0) React.useEffect(() => { // 只执行一次 setInterval(() => setCount(state => ++state), 1000) ...
