将原始样式表获取为js中的字符串?

时间:2018-08-28 21:43:09

标签: javascript css sass

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

我尝试使用.fancyEl { animation: fancyAni ease-in-out 1.5s infinite; } .fancyEl.paused { animation-play-state: paused; } ,但这仅显示了有效的属性。有没有一种“ hacky”的方式来读出来?

1 个答案:

答案 0 :(得分:0)

要完全理解您的要求有点棘手,我想您想导入SASS并将其用作CSS-因此,您需要对要导入的规则做自己的事吗?

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

这是此页上的示例:

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

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

styleSheetsCSSStyleSheet实例数组中。

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet