테스트 사이트 - 개발 중인 베타 버전입니다

CSS 클래스 별로 한줄... 채택완료

울라프 2년 전 조회 2,144

 

CSS minify 했더니 완전 한줄로 길게 나와서,, 그건 가독성이 떨어지고..

그누보드 원본처럼 한줄에 한 클래스별로 CSS 나오게 할려면 어떻게 해야 하나요?

CSS Minify 웹사이트 많은데 그 중에 뭐가 원본 그누 CSS 처럼 표시 되나요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
2년 전

1. 개발자 모드인 f12를 누릅니다

2. 상단의 Elements에서 원하는 dom을 클릭하면 Styles 창에 해당 돔의 스타일이 나옵니다

3. 스타일명칭 옆에 해당 스타일이 들어간 주소가 나옵니다

4. 클릭하고 나면 해당 스타일의 파일이 개발자 창에서 열립니다

5. 해당 소스 창 바로 아래 보면  { } Line 1, Column 15 이런식의 창 정보가 보일 겁니다

6. 중괄호인 { } 를 클릭합니다 => css, 자바스크립트 모두 예쁘게 나옵니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

s
sinbi
2년 전
오~ 이런 기능 있는지 처음 알았네요. ㅎ
근데, 다시 원래 스타일로 되돌려 보려면 어떻게 하는 건가요?
예뜨락
2년 전
원래의 스타일로 고치는건 저도 잘 ^^;;;

댓글을 작성하려면 로그인이 필요합니다.

https://www.cleancss.com/css-beautify/

이런 것을 원하시는 건가요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인