科索马

CSSOM.js是纯JavaScript所写的CSS解析器. 这也是部分执行 CSS 对象模型。 。 。 .

CSSOM.parse("body {color: black}")
-> {
  cssRules: [
    {
      selectorText: "body",
      style: {
        0: "color",
        color: "black",
        length: 1
      }
    }
  ]
}

解析演示

在Google Chrome 6+,Safari 5+,Firefox 3.6+,Opera 10.63+. 在 IE < 9 中不工作,因为没有支持的取取取器/取取取器.

要在浏览器中使用 CSSOM.js , 您可能想要构建一个单文件版本, 以曝光单文件 CSSOM 全局变量 :

➤ git clone https://github.com/acemir/CSSOM.git
➤ cd CSSOM
➤ node build.js
build/CSSOM.js is done

与 Node.js 或任何其他普通JS 加载器一起使用:

➤ npm install @acemir/cssom

您可以为解析规则样式注入自定义声明执行 :

const cssom = require("@acemir/cssom");

cssom.setup({
  CSSStyleDeclaration: YourCSSStyleDeclaration
});

// or globally:
cssom.setCSSStyleDeclaration(YourCSSStyleDeclaration);

如果...

您解析 CSS 以解析、 缩写或重构这样的代码 :

div {
  background: gray;
  background: linear-gradient(to bottom, white 0%, black 100%);
}

这种图案常被用来给不理解线性梯度的浏览器一个倒置溶液(比如例子中的灰色颜色). 在CSSOM中, background: gray 被覆盖。 。 。 . 没错 没有 保存起来.

使用下列方法之一:

• 员额
• 重作/杂务
• 顺位
• 男性施药

测试

在当地进行测试:

➤ git submodule init
➤ git submodule update