将 CSS 字符串转换为 CSSStyleDeclaration

Question

从 CSSStyleDeclaration 获取 CSS 字符串是使用el.style.cssText制作的，但是我如何转换字符串，例如width:20px; height:20px; background:lime; width:20px; height:20px; background:lime; 到 CSSStyleDeclaration object？

我的最终目标是合并两个 CSS 声明，一个来自el.style另一个作为字符串。 我认为将两者转换为 CSSStyleDeclaration 对象以合并它更容易。 如果您有更好的解决方案，请告诉我。

Answer 1

const styles = "width:20px; height:20px; background:lime;"

const el = document.createElement('div');

el.style.cssText = styles;

const cssStyleDeclaration = el.style;