Анализ CSS в JavaScript / jQuery ⇐ Jquery

[Anonymous]

Я пытаюсь внедрить анализ CSS в JavaScript, чтобы: < /p>

Код: Выделить всё

a {
color: red;
}
< /code>

анализируется в объект: < /p>

{
'a' {
'color': 'red'
}
}
< /code>

Во-первых, есть ли javascript /jquery  библиотека < /strong> я могу использовать? Например, он отлично работает для базовых CSS, но для свойства типа: < /p>

background: url(data:image/png;base64, ....);

он не работает, потому что я использую Split (';') для отдельного свойства: value пары. Здесь; < /code> встречается в значении < /code>, поэтому он тоже расщепляется в этот момент. < /P>

Есть ли альтернативный способ сделать это?parseCSS: function(css) {
var rules = {};
css = this.removeComments(css);
var blocks = css.split('}');
blocks.pop();
var len = blocks.length;
for (var i = 0; i < len; i++)
{
var pair = blocks.split('{');
rules[$.trim(pair[0])] = this.parseCSSBlock(pair[1]);
}
return rules;
},

parseCSSBlock: function(css) {
var rule = {};
var declarations = css.split(';');
declarations.pop();
var len = declarations.length;
for (var i = 0; i < len; i++)
{
var loc = declarations.indexOf(':');
var property = $.trim(declarations.substring(0, loc));
var value = $.trim(declarations.substring(loc + 1));

if (property != "" && value != "")
rule[property] = value;
}
return rule;
},

removeComments: function(css) {
return css.replace(/\/\*(\r|\n|.)*\*\//g,"");
}
< /code>

Спасибо! < /p>

Подробнее здесь: https://stackoverflow.com/questions/332 ... ipt-jquery