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)

相关推荐

Apache-ShenYu支持namespace功能（二）

我曾踏足山巅，也曾进入低谷，二者都让我受益良多。——《英雄联盟》瓦洛兰之盾塔里克上一期：Apache-ShenYu支持namespace功能喜闻乐见，这是个连续系列，今天主要是给shenyu-dashboard的selector部分添加namespace适配 PR连接： https://github.com/apache/shenyu-dashboard/pull/471 这里有一个知识点 123456import { connect } from "dva";@connect(({ global }) => ({ currentNamespaceId: global.currentNamespaceId,}))class RuleCopy extends Component {} 装饰器语法 @connect 来连接组件与 dva 的状态管理。@connect 是一个高阶函数，通常用于将 Redux store（在 dva 中表现为 model）中的状态映射到组...

不要老叹息过去，它是不再回来的；要明智地改善现在。要以不忧不惧的坚决意志投入扑朔迷离的未来。——朗费罗 Remotion：用 React“写”视频的开发者框架你可能已经习惯用 React 搭页面、用三方库做动画，但有没有想过——用 React 直接“写”视频？Remotion 的答案是肯定的。它把我们熟悉的 Web 技术栈转换成视频生成的能力：用 JSX 描述画面、用 CSS/Canvas/SVG/WebGL 进行布局与渲染、用编程逻辑与算法叠加效果，然后“程序化地”输出成视频。仓库：remotion-dev/remotion 官方站点与文档：remotion.dev · remotion.dev/docs · API 快速开始：npx create-video@latest 许可证提示：Remotion 有特殊许可规则，部分使用情形需企业许可，详见仓库内 LICENSE.md 为什么用 React 来“写”视频Remotion 的 README 讲得很清楚： Leverage Web Technologies直接调...

ts结构赋值时指定类型

“枕头里藏满了发了霉的梦，梦里住满了无法拥有的人。”——网易云评论我们在typescript中使用变量结构时如果需要指定类型，可以这样写： 1const { a, b, c }: { a: any; b: string; c: { cname: any; cid: any; } } = obj; 但一般还是定义接口 12345678910interface IObj { a: any; b: string; c: IC;}interface IC { cname: any; cid: any;}const { a, b, c }: IObj = obj; 对于箭头函数也是同理 1array.map(({ a, b, c }: IObj)=>{}) 如果我们接口中某个属性可以为null或其他属性，我们可以使用| 12345interface IObj { a: ...

为美而献身，比为面包而活着要幸福的多——艾默生分享一个高质量vue的组件、页面库：https://bestofvuejs.com/ 收录了非常的多，也很精美

uniapp清除缓存

每一幅作品，都是艺术家对自己生命的延伸。——灵遁者清楚缓存的函数为uni.clearStorage(); 文档以及还有计算缓存大小的函数 1234567uni.getStorageInfo({ success: function (res) { console.log(res.keys); console.log(res.currentSize); console.log(res.limitSize); }}); success 返回参数说明参数类型说明 keys Array＜String＞当前 storage 中所有的 key currentSize Number 当前占用的空间大小, 单位：kb limitSize Number 限制的空间大小, 单位：kb 文档

置顶小标签

美色不同面，皆佳于目；悲音不共声，皆快于耳。——王充原理是通过一个红色div加红色背景颜色，旋转45后度再整个边框设置超出部分隐藏效果如下：代码： 12345<div class="top-article-tag-parent"> <div class="top-article-tag"> 置顶 </div></div> 样式： 123456789101112131415161718.top-article-tag-parent { overflow: hidden; position: absolute; right: 46rpx; height: 80rpx; width: 100rpx; zoom: 0.8;}.top-article-tag { color: #fff; background-color: #ff0000; width: 150rpx; height: 40rpx; text-align: cente...

阿超

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

数据加载中