如果 你想自己实现一个格式化css代码的小工具的话可以参考一下代码,使用方法:
\n\n\n\nvar str=`.evaluateContainer{padding:10px 20px;margin:20px}`
\n\n\n\nCSSencode(str)
\n\n\n\nfunction CSSencode(code)
\n\n\n\n{
\n\n\n\ncode = code.replace(/\\r\\n/ig,'');
\n\n\n\ncode = code.replace(/(\\s){2,}/ig,'$1');
\n\n\n\ncode = code.replace(/\\t/ig,'');
\n\n\n\ncode = code.replace(/\\n\\}/ig,'\\}');
\n\n\n\ncode = code.replace(/\\n\\{\\s*/ig,'\\{');
\n\n\n\ncode = code.replace(/(\\S)\\s*\\}/ig,'$1\\}');
\n\n\n\ncode = code.replace(/(\\S)\\s*\\{/ig,'$1\\{');
\n\n\n\ncode = code.replace(/\\{\\s*(\\S)/ig,'\\{$1');
\n\n\n\nreturn code;
\n\n\n\n}
\n\n\n\nfunction CSSdecode(code)
\n\n\n\n{
\n\n\n\ncode = code.replace(/(\\s){2,}/ig,'$1');
\n\n\n\ncode = code.replace(/(\\S)\\s*\\{/ig,'$1 {');
\n\n\n\ncode = code.replace(/\\*\\/(.[^\\}\\{]*)}/ig,'\\*\\/\\n$1}');
\n\n\n\ncode = code.replace(/\\/\\*/ig,'\\n\\/\\*');
\n\n\n\ncode = code.replace(/;\\s*(\\S)/ig,';\\n\\t$1');
\n\n\n\ncode = code.replace(/\\}\\s*(\\S)/ig,'\\}\\n$1');
\n\n\n\ncode = code.replace(/\\n\\s*\\}/ig,'\\n\\}');
\n\n\n\ncode = code.replace(/\\{\\s*(\\S)/ig,'\\{\\n\\t$1');
\n\n\n\ncode = code.replace(/(\\S)\\s*\\*\\//ig,'$1\\*\\/');
\n\n\n\ncode = code.replace(/\\*\\/\\s*([^\\}\\{]\\S)/ig,'\\*\\/\\n\\t$1');
\n\n\n\ncode = code.replace(/(\\S)\\}/ig,'$1\\n\\}');
\n\n\n\ncode = code.replace(/(\\n){2,}/ig,'\\n');
\n\n\n\ncode = code.replace(/:/ig,':');
\n\n\n\ncode = code.replace(/ /ig,' ');
\n\n\n\nreturn code;
\n\n\n\n}
\n