Js-beautify: 선택기와> 결합 자 사이의 공간 유지

에 만든 2016년 10월 12일 · 6코멘트 · 출처: beautify-web/js-beautify

> combinator를 포함하는 CSS 규칙을 아름답게 만들 때 combinator는 이전 선택기에 붙어 있습니다. 실제로 이미 올바르게 포맷 된 경우에도 공백이 제거됩니다. > 결합자를 포함하는 CSS 파일에서 js-beautify 를 사용하는 것은 작동하지 않는 선택기를 생성하기 때문에 매우 어렵습니다.

입력

코드는 미화 전에 다음과 같이 보였습니다.

.foo > h3 {
    ...
}

예상 출력

입력이 변경되지 않을 것으로 예상합니다. 코드는 미화 후 다음과 같아야합니다.

/* Space here
    V */
.foo > h3 {
    ...
}

실제 출력

코드는 실제로 미화 후 다음과 같이 보입니다.

/* No space 
   V */
.foo> h3 {
    ...
}

환경

운영체제 : Archlinux with Emacs web-beautify.el

또한 Emacs 외부에서만 명령 줄에서 테스트되었습니다.

설정

기본값

css bug

출처

smonff

가장 유용한 댓글

안녕하세요! CSS 파일을 아름답게 만들 때 치찰음 선택기 주변에 여전히 "공백 없음"이 있습니다.
나는 실제로 atom-beautify를 사용합니다.

subfighter3 에 2019년 01월 07일

👍3

모든 6 댓글

1.6.4 에서 수정되었습니다. space_around_combinator 을 true로 설정했기 때문에 더 이상 발생하지 않습니다. 이 매개 변수는 기본적으로 true 여야합니다.

smonff 에 2016년 10월 26일

👍3

안녕하세요! CSS 파일을 아름답게 만들 때 치찰음 선택기 주변에 여전히 "공백 없음"이 있습니다.
나는 실제로 atom-beautify를 사용합니다.

subfighter3 에 2019년 01월 07일

👍3

나도

NSExceptional 에 2020년 05월 07일

트윗 담아 가기

https://beautifier.io/ 설정 :

{
"space_around_combinator": true
}

예상대로 형식. 원자 미화 기에서 수정이 필요합니다.

bitwiseman 에 2020년 05월 19일

감사!

NSExceptional 에 2020년 05월 19일

감사합니다!

subfighter3 에 2020년 05월 19일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

화살표 함수에 대한 ES7`async` 키워드 뒤의 공백

geakstr · 3코멘트

명명된 함수와 왼쪽 괄호 사이에 공백 옵션 추가

jsejcksn · 4코멘트

{ "brace_style": "preserve-inline"} 여러 줄 함수 매개 변수에서 예상대로 작동하지 않음

sebRomeo · 4코멘트

vscode는 wrapLineLength에 따라 html 형식을 지정하지 않습니다.

aeschli · 4코멘트

"포맷되지 않은" 패러다임 깨짐, "포맷되지 않은" 및 "인라인"은 동일하지 않습니다.

garretwilson · 6코멘트

Js-beautify: 선택기와&gt; 결합 자 사이의 공간 유지

입력