一个简单的CSS解析器,可以将文本CSS转义为对象格式,并组支持合并简写样式。
低代码设计器CSS解析模块(动态调整组件样式)
npm install lc-cssparser import CSSParser from 'lc-cssparser'; const instance = new CSSParser(); const code = ` :root{ background:red; } :root abc{ color:red; } ` instance.parse(code).css // output: [{ name:':root',css:[{name:'background',value:'red'}]}, {name:':root abc',css:[{name:'color',value:'red'}]}]
| 参数 | 类型 | 名称 | 是否必填 | 默认值 |
|---|---|---|---|---|
| mergeGroup | Boolean | 是否合并多条CSS组 | 否 | 是 |
| mergeCSS | Boolean | 是否合并简写样式条目,如:border:1px, border-width:1px | 否 | 否 |
解析CSS文本
清除CSS数据
设置一条样式属性
查指一条样式值
返回文本CSS的对象数据
返回文本CSS的对象字符串表示