私は grunt-jsbeautifier を使用して .css ファイルをきれいに印刷し、 grunt-contrib-csslint を使用して .css ファイルの問題をチェックしています。残念ながら、beautifier はリンター ルールに違反する CSS を生成するようです。
この CSS がある場合:
.half_circle_style a:nth-child(2) {}
...その後、grunt-contrib-csslint は「完了、エラーなし」と報告します。
grunt-jsbeautifier を介して CSS を実行すると、nth-child の前にスペースが追加されます。
.half_circle_style a: nth-child(2) {}
... grunt-contrib-csslint に次のように報告させます:
[L1:C23]
>> Expected LBRACE at line 1, col 23. This rule looks for recoverable syntax errors. (errors)
[L1:C23]
>> Unexpected token 'nth-child(' at line 1, col 23. This rule looks for recoverable syntax errors. (errors)
[L1:C33]
>> Unexpected token '2' at line 1, col 33. This rule looks for recoverable syntax errors. (errors)
[L1:C34]
>> Unexpected token ')' at line 1, col 34. This rule looks for recoverable syntax errors. (errors)
[L1:C36]
>> Unexpected token '{' at line 1, col 36. This rule looks for recoverable syntax errors. (errors)
[L1:C37]
>> Unexpected token '}' at line 1, col 37. This rule looks for recoverable syntax errors. (errors)
私は CSS の専門家ではないので、専門家の意見を求めています。grunt-jsbeautifier の印刷がかなり悪いのでしょうか、それとも grunt-contrib-csslint が厳しすぎるのでしょうか?