使用Javascript将文本CSS解析为JSON

使用Javascript将文本CSS解析为JSON,javascript,jquery,css,json,textarea,Javascript,Jquery,Css,Json,Textarea,我只是想要一些东西,它将获取一个充满CSS的textarea,并使用CSS JSON方法将其转换为JSON { "selector-1":{ "property-1":"value-1", "property-n":"value-n" } } 有人知道将CSS解码成JSON的东西吗?如果它也能对它进行编码,那也会很有帮助。这个js解析器有两种方法供您选择 或者jQuery插件解析器 css示例: div div:first { font

我只是想要一些东西,它将获取一个充满CSS的textarea,并使用CSS JSON方法将其转换为JSON

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


有人知道将CSS解码成JSON的东西吗?如果它也能对它进行编码,那也会很有帮助。

这个js解析器有两种方法供您选择

或者jQuery插件解析器

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);

我不知道有什么现成的解决方案,但制作一些东西不会太难(特别是如果浏览器已经解析了CSS),这并不是我真正想做的事情。IE:处理背景标签与背景图像我希望有人已经解决了这些问题,以节省大量的时间。我不知疲倦地搜索,以找到这样的东西,我只能找到bunk。谢谢,没问题。很高兴它起到了作用。玩过之后,我将写下整件事,但我很感激那个做概念验证的家伙。。。只是缺少,太好了。也许你可以把它开源。这样我们将来会有更多的选择。
var cssJSON = '{ "display": "none" }';
var obj = JSON.parse(json);

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