在js中获取原始样式表作为字符串？

【问题标题】：Get Raw Style Sheets as string in js?在js中获取原始样式表作为字符串？
【发布时间】：2018-08-29 23:35:56
【问题描述】：

我想将 js 中的 Raw sass 作为字符串导入。不使用节点。有什么办法可以将scss/sass/css中的内容作为变量获取？

我尝试过使用getComputedStyles，但这只是显示了有效的属性。有没有一种“hacky”的方式来读出来？

【问题讨论】：

我不太确定您在问什么——您是在问如何找到您编写的与 any 元素不匹配的 CSS 规则这页纸？你为什么要尝试在 JavaScript 中获取 CSS 规则？从 JavaScript 添加元素样式将覆盖 CSS 中设置的任何规则，因此实际上没有必要这样做。你到底想达到什么目的？
我想读出原始 css 以进行测试并添加一些 Modyfied css 动作。我想定义新的属性并开始一些 js 动作，它们在 css 中被调用。这听起来很奇怪，但我认为这是唯一的出路。

【解决方案1】：

完全理解您的要求有点棘手，我假设您想导入 SASS 并将其用作 CSS - 因此您需要使用您正在导入的规则做自己的事情？

您确实可以编辑样式表并使用一些巧妙的代码 - 您可以即时生成实时或新的 CSS：

以下是此页面的示例：

document.styleSheets[3].rules[0].cssText
".wmd-snippet-button span { background-position: 0px 0px; }"

因此，您可以迭代并读取所有已实现的 CSS，或创建新节点

styleSheets 在CSSStyleSheet 实例数组中。

【讨论】：