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) |
相关推荐
2023-01-03
buttons
善人同处,则日闻嘉讯;恶人同游,则日生邪情。——范晔 分享一个按钮样式项目: https://github.com/alexwolfe/Buttons 对应的网站: https://unicorn-ui.com/buttons/builder/# 可以自定义你的按钮样式、颜色、点击效果 包括3d等等
2022-12-26
pug
人心只能赢得,不能靠人馈赠——叶芝 分享一个前端框架pug github地址:https://github.com/pugjs/pug 它可以以下面的方式编写html 12345678910111213141516doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5); body h1 Pug - node template engine #container.col if youAreUsingPug p You are amazing else p Get on it! p. Pug is a terse and simple templating language with a strong focus on performance and powerful fe...
2021-05-15
splice
一百个满怀信心和决心的人,要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱 最近发现前端中对于数组有这样一个函数splice非常好用 首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2,截取了剩余部分 最后结果为2,3,4,5 但这是splice函数的返回值,我们如果看之前的list,可以看到只剩1了 因为1后面的被我们的splice截取掉啦 那我们如果传入两个参数,例如我这里从下标为3开始,截取两个元素 我们再看看原来的list,果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话? 例如我这里想把3,4,5替换成4,5,6 就可以这么写 最后得到的list就是我们想要的结果 但如果我们想要截取掉的部分,就直接取splice的返回值即可 这里从下标2开始截取掉了两个元素3,4,换成了4,5
2022-12-06
js小知识
盲目的仇恨心理是很可怕的,,甚至会导致本身的毁灭——沙米亚金 这里b由于没有var、let、const等关键字定义,变成了全局变量 而a由于作用域限制,因此提示a is not defined
2023-06-18
CamanJS
过分宽大的法律,不易使人服从;太严厉的法律,则绝少被遵守。——富兰克林 分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法: 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...
2024-04-18
dromara-newcar
发上开出了蔷薇,袖底是风,足下是莲。——顾城 https://github.com/dromara/newcar 最近dromara新加入了一个前端项目newcar Newcar 是一款高度可配置且先进的通用引擎,专为快速动画创建而设计。它适用于广泛的应用,包括视频剪辑、动态图表(未来计划),甚至 2D 游戏开发(也是未来计划)。 这个项目作者竟 然是09年的,我们快速开始 123$ pnpm create vite project-name$ cd project-name$ pnpm install 引入依赖 1$ pnpm add newcar 初始化 12345678import * as nc from 'newcar'const engine = await new nc.Engine().init( '../node_modules/canvaskit-wasm/bin/canvaskit.wasm',)const defaultScene = new nc.Scene(new Widge...

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