javascript - 随机化 CSS 规则

标签 javascript jquery css

我在一个网站上工作,我想如果我把页面上的 CSS 规则完全随机化当成一个笑话,那该多好笑。 (不仅仅是元素的样式,还有 CSS 规则本身,因为网站有很多动态创建的元素。)每次加载页面时,结果都会完全不同,而且大多数看起来都很糟糕。所以我的问题有两个部分:

使用 JavaScript/JQuery,您如何以编程方式获取所有 CSS 规则的列表?作为一种字典,规则与选择器配对。

然后,在分解列表并将每个规则随机分配给不同的选择器之后,如何删除以前的规则并替换为自己的规则?

注意:我的意思是,使用 JavaScript/JQuery,您如何在客户端随机化规则,而不仅仅是单个 CSS 文件。

最佳答案

您可以使用 document.styleSheets 访问和遍历所有样式表。请参阅关于 MDN 的 API 文档

关于javascript - 随机化 CSS 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16970162/

相关文章:

javascript - 套接字多次发出事件

javascript - react native : How do you disable the idle timer?

javascript - react : how to define and call a function from a custom class?

javascript - 使用 JavaScript 正则表达式匹配和替换字符串

javascript - Highcharts : add own calculation to tooltip

jquery - 在 Jquery 中的特定索引处输出 HTML

Javascript 滑入滑出 div

javascript - 如何访问 JsRender 嵌套模板中的父数据属性

javascript - 如何为 [ngStyle] 设置动态 css 样式

css - Bootstrap 选择在 firefox 和 chrome 中呈现不同