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) |
相关推荐
2022-02-19
fabric photo
这是一个流行离开的世界,但是我们都不擅长告别。——《生活在别处》 今天分享一个fabric photo,它是一个基于 canvas 的纯前端的图片编辑器,支持方形,圆形,箭头,缩放,拖拽,鹰眼,马赛克,涂鸦,线条,导出 png,剪切等 github地址:https://github.com/ximing/fabric-photo 在线体验Demo:https://ximing.github.io/fabric-photo/ 找了很多个,这个应该是很好用的了 并且协议为MIT,支持商用
2025-08-01
x6
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮,而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 X6 :让你的流程图、DAG、ER图开发像搭积木一样高效有趣!如果你是一名开发者、产品经理,或者数据分析师,是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼?AntV X6,就是为了解决你的痛点而生的专业图编辑引擎! X6是什么?X6 是 AntV 旗下的图编辑引擎,专为流程图、DAG 图、ER 图等各类图应用打造。它提供了简单易用的节点定制能力和丰富的交互组件,让你像搭积木一样快速实现强大、个性化的图应用,无论你是用 SVG、HTML、React、Vue 还是 Angular,都能轻松上手定制。官网直达:https://x6.antv.antgroup.com 四大核心特性,让图编辑开发变得“丝滑”!🌱 极易定制 支持 SVG/HTML/React/Vue/Angular 各种主流技术栈,无论你喜欢哪种方式,都能打造出炫酷的节点样式和交互效果。 节点、边都能灵活...
2023-05-01
drauu
在判断之前,应当消除内心的成见。——塞涅卡 分享一个基于SVG的画板项目: https://drauu.netlify.app/ https://github.com/antfu/drauu
2025-09-04
cat-catch
人之贤不肖譬如鼠矣,在所自处耳!――《李斯列传》 https://github.com/xifangczy/cat-catch 要说资源嗅探工具里最有名、最实用、最被广大网友熟知的,猫抓(cat-catch)绝对榜上有名。作为一款浏览器资源嗅探扩展,猫抓的定位就是帮你在当前网页上筛选、列出所有可见的资源链接,比如视频、音频、图片等,哪怕是隐藏得很深的媒体流都能一网打尽。支持Chrome、Edge、Firefox甚至Edge Android,安装方式极为简单,官方应用商店一键获取,也可以源码安装或crx手动安装,不论你是小白用户还是技术党都没障碍。 猫抓的界面非常直观,装好后在浏览器扩展区点一下,弹出的popup界面会自动检测当前页面的所有资源,按类型分类显示。比如你在视频网站,能看到.mp4/.m3u8/.flv等音视频流,常见的m3u8流还内置了解析器,可以直接复制下载链接,甚至还能用内置工具解析分段、拼接资源,方便你做后续处理。除此之外,猫抓也兼容各种流行网站的资源结构,日常追剧、下视频、扒站素材都能用得上。最贴心的是,猫抓所有数据都本地处理,不会收集...
2025-04-29
vue-countTo
从工作里爱了生命,就是通彻了生命最深的秘密。 —— 纪伯伦 https://github.com/PanJiaChen/vue-countTo/https://panjiachen.github.io/countTo/demo/ vue-countTo:一个简单高效的数字递增动画组件在前端开发中,数字递增动画是一种常见的交互效果,通常用于数据展示和统计页面。vue-countTo 是一个轻量级的 Vue 组件,可以快速实现目标数字递增的动画效果,让你的项目更加生动和吸引人。 什么是 vue-countTo?vue-countTo 是由 PanJiaChen 开发的一个 Vue.js 组件,用于在指定的时间内将数字从起始值递增到目标值。它简单易用,且支持高度定制化,适合各种场景的数字动画需求。 核心特点: 轻量化:组件体积小,性能优异。 易于使用:通过简单的配置即可实现数字递增动画。 高度定制:支持设置起始值、目标值、持续时间以及动画的回调函数。 Vue.js 集成:无缝嵌入 Vue 项目,兼容性强。 使用场景vue-countTo 适用于以下常见场景: 数据统计展示在...
2021-11-10
css中的&
要在座的人都停止了说话的时候,有了机会,方才可以谦逊地把问题提出,向人学习。—— 约翰·洛克 今天看到一种css写法: 123456789/deep/ .message-list { flex: 1; .message-item { &-text { position: absolute; } } } /deep/我们之前博客提过了,嵌套写法很简单,今天聊聊&这个父选择器 sass中文文档提到了这个父选择器 上方的&-text其实就表示.message-item-text 12345.message-item { &-text { position: absolute; }} 编译后为: 12345.message-item { .message-item-text { position: absolute; }}

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