Cssom

cssom

CSS Object Model implementation and CSS parser.

cssom is parser written in pure javascript, it also has partially implemented of CSS Object Model, works across node/io.js and modren browsers.

Install it: npm install cssom --save

Sample usage:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
> cssom = require('cssom')
{ CSSStyleDeclaration: [Function: CSSStyleDeclaration],
  CSSRule:
   { [Function: CSSRule]
     STYLE_RULE: 1,
     IMPORT_RULE: 3,
     MEDIA_RULE: 4,
     FONT_FACE_RULE: 5,
     PAGE_RULE: 6,
     WEBKIT_KEYFRAMES_RULE: 8,
     WEBKIT_KEYFRAME_RULE: 9 },
  CSSStyleRule: { [Function: CSSStyleRule] parse: [Function] },
  MediaList: [Function: MediaList],
  CSSMediaRule: [Function: CSSMediaRule],
  CSSImportRule: [Function: CSSImportRule],
  CSSFontFaceRule: [Function: CSSFontFaceRule],
  StyleSheet: [Function: StyleSheet],
  CSSStyleSheet: [Function: CSSStyleSheet],
  CSSKeyframesRule: [Function: CSSKeyframesRule],
  CSSKeyframeRule: [Function: CSSKeyframeRule],
  MatcherList: [Function: MatcherList],
  CSSDocumentRule: [Function: CSSDocumentRule],
  CSSValue: [Function: CSSValue],
  CSSValueExpression: [Function: CSSValueExpression],
  parse: [Function: parse],
  clone: [Function: clone] }

> cssom.parse('.main{display:flex}')
{ parentStyleSheet: null,
  cssRules:
   [ { parentRule: null,
       parentStyleSheet: [Circular],
       selectorText: '.main',
       style: [Object],
       __starts: 0,
       __ends: 19 } ] }

Thanks to Nikita Vasilyev for this early implementation of cssom (:

GIF FTW!

cssom

Suggest a module

Comments