CSS - linter 대 미화 불일치

Question

grunt-jsbeautifier를 사용하여 .css 파일을 멋지게 인쇄하고 grunt-contrib-csslint를 사용하여 .css 파일을 확인합니다. 불행히도 미용사는 린터 규칙을 위반하는 CSS를 생산하는 것으로 보입니다.

나는이 CSS가있는 경우 :

.half_circle_style a:nth-child(2) {} 

... 다음 꿀꿀-있는 contrib-csslint 보고서 "완료, 오류없이"입니다. 나는 툴툴-jsbeautifier를 통해 CSS를 실행하면

, 공간은 n 번째 자녀 전에 추가됩니다 :

.half_circle_style a: nth-child(2) {} 

을 ... 꿀꿀-있는 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입니까?

Answer 1

이 경우 나는 grunt-contrib-csslint가 지나치게 엄격하다고 생각하지 않습니다.

.half_circle_style a:nth-child(2) {} 

는

.half_circle_style a: nth-child(2) {} 

반면 (nth-child 전에 공간) 유효한 CSS 구문은 유효한 CSS 구문 아니다.

CSS를 실행하는 대신 CSS (JavaScript beautifying engine)를 통해 CSS를 실행하고 있기 때문에 문제가 될 수 있습니까? 어쩌면 코드를 실행 해보십시오. http://cssbeautify.com/