Question

我只想简单地想要一个充满CSS的textarea并使用CSS JSON方法将其转换为JSON。

{
    "selector-1":{
        "property-1":"value-1",
        "property-n":"value-n"
    }
}

http://www.featureblend.com/css-json.html

有没有人知道将CSS解码为JSON的东西？如果它也能编码它也会有所帮助。

Answer 1

这个js解析器有你正在寻找的两种方法。

CSS JSON parser

// To JSON
var json = CSSJSON.toJSON(cssString);

// To CSS
var css = CSSJSON.toCSS(jsonObject);

或jQuery插件解析器。

jQuery parser

示例css：

div div:first {
  font-weight: bold;
  -jquery: each(function() {alert(this.tagName);})
}

div > span {
  color: red;
}

发送到回调的JSON输出：

{
  'div div:first' : {
    'font-weight' : 'bold',
    '-jquery': 'each(function() {alert(this.tagName);})'
  },
  'div > span' : {
    'color': 'red'
  }
}

您可以将css字符串应用于以下元素：

var cssJSON = '{ "display": "none" }';
var obj = JSON.parse(json);

$("#element").css(obj);

使用Javascript将文本CSS解析为JSON

1 个答案: