Visual Studio Code : CSS { } 빈 속성 에러 메시지 비활성화 하기
"Do not use empty rulesets"
VS를 작업하다보면 CSS 선택자 작성 시
#wrap { }
#wrap header { }(위) 선택자만 작성하고 속성:값을 작성하지 않으면
(위) 처럼 Error로 인식하여 밑줄에 물결표시가 나타납니다.
이 것은 빈 속성으로 배치한 불필요한 선택자를 남겨두었다. 라는 의미로 VS가 기본설정값 토대로 에러 판정을 하는 부분인데요.
CSS 초심자들은 우선 HTML의 모든 대상을 선택자로 만들고 작성하는 것이 안전한 방법이기 때문에
위 처럼 불필요한 선택자까지 구분하며 정리하기에는 매우 불편할 것입니다.
*필수로 정리를 해야한다도 아니고 선택사항입니다.
그럼 이런 VS 물결 표시가 불편하다면 아래 순서를 따라 진행해보세요.
1. 설정메뉴로 들어가세요.
2. 상단 검색창에 css settings.json 을 작성하고 스크롤을 내려 아래 메뉴를 찾으세요.
settings.json에서 편집 이라는 글자를 클릭하세요.
3. 기존 작성된 설정 사이에 "css.validate":false, 를 작성하세요.
4. 설정 파일을 저장하고 css 파일을 보시면 빈 속성이어도 밑줄이 나타나지 않는 것을 알 수 있습니다.
수고하셨습니다!
Comments, Trackbacks