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)

相关推荐

光景不待人，须叟发成丝。——李白 LikeC4：把软件架构“写成代码”，让图永远跟着真相走软件架构图经常有一个痛点：画完就过时。新服务上线、依赖变更、部署策略调整，图不更新，团队就错用信息。LikeC4 的思路是“Architecture as Code”——把架构作为模型编写，用工具从模型自动��成“永远最新”的可视化图；并提供 CLI、VS Code 扩展、在线 Playground、模板仓库等配套，让你在本地与云端都能轻松协作与演进。仓库主页：likec4/likec4 官网与文档：likec4.dev · Playground：playground.likec4.dev · Demo：template.likec4.dev/view/index VS Code 扩展与安装量：Marketplace · Open VSX 许可证：MIT License 项目一句话：Visualize, collaborate on, and evolve your software architecture with always up-to-dat...

志不强者智不达。——《墨子·修身》 javascript0到99随机整数： 1parseInt(Math.random() * 100); java0到99随机整数 1new Random().nextInt(100);

君子不责人所不及，不强人所不能，不苦人所不好。——王通官方文档侦听器 | Vue.js 写法有点不同 1234567891011121314151617181920212223242526272829303132<script setup>import { ref, watch } from 'vue'const question = ref('')const answer = ref('Questions usually contain a question mark. ;-)')const loading = ref(false)// 可以直接侦听一个 refwatch(question, async (newQuestion, oldQuestion) => { if (newQuestion.includes('?')) { loading.value = true answer.value = 'Thi...

vue-router传参

生命是一张弓，那弓弦是梦想。——罗曼·罗兰官网之前我们配置过路由，这里就不多赘述如何配置了我们聊聊如何传参我们之前使用方式如下 1this.$router.push(page); 这里page为path，值为我们在router的index.js中配的/message/message 我们如果需要传参则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了，因为path和params一起用会导致params为空对象按照我们上面写的，我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...

箭头函数与this指向探究

我有明珠一颗，久被尘劳关锁，一朝尘净光生，照破山河万朵。——柴陵郁禅师今天研究了下箭头函数与this，发现了一些挺好玩的特性首先，我们在控制台输入上这段js 123456789101112131415161718192021var handler = { name :'handler', init: function() { let init1 = function(event) { console.log("init1: ", this); let init5 = function(){ console.log("init5: ", this); } init5(); // init5: Window {window: Window, self: Window, document: document, name: '', loca...

vue3中css里的v-bind

一旦别人问起自己想要什么，那一刹那反倒什么都不想要了。——太宰治官方文档：状态驱动的动态 CSS 编写一个组件： 123456789101112131415161718192021222324252627<template> <div class="ruben"> <p>You clicked {{ count }} times</p> <button @click="increment">Click me</button> </div></template><script>export default { data() { return { count: 1 } }, methods: { increment...

阿超

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

数据加载中