CSS 클래스 별로 한줄...

CSS 클래스 별로 한줄...

QA

CSS 클래스 별로 한줄...

답변 2

본문

1539628155_1675387701.576.jpg

 

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

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

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

이 질문에 댓글 쓰기 :

답변 2

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

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

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

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #css ×
전체 2,087
© SIRSOFT
현재 페이지 제일 처음으로