我在一个网站上工作,我想如果我把页面上的 CSS 规则完全随机化当成一个笑话,那该多好笑。 (不仅仅是元素的样式,还有 CSS 规则本身,因为网站有很多动态创建的元素。)每次加载页面时,结果都会完全不同,而且大多数看起来都很糟糕。所以我的问题有两个部分:
使用 JavaScript/JQuery,您如何以编程方式获取所有 CSS 规则的列表?作为一种字典,规则与选择器配对。
然后,在分解列表并将每个规则随机分配给不同的选择器之后,如何删除以前的规则并替换为自己的规则?
注意:我的意思是,使用 JavaScript/JQuery,您如何在客户端随机化规则,而不仅仅是单个 CSS 文件。
最佳答案
您可以使用 document.styleSheets
访问和遍历所有样式表。请参阅关于 MDN 的 API 文档
关于javascript - 随机化 CSS 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16970162/