CSS 전체 선택자 예외처리 하기

프로젝트를 진행하던 와중 전체 선택자를 이용해 style을 지정한 css가 있었다. 

이 프로젝트에서는 에디터를 사용하기 때문에 특정 div만 예외처리를 하기 위해 다양한 방법을 하던 중 

예외처리 css를 알게되어 정리해보려한다.

 

common.css

.editor-view {
    line-height: 1.5;
}
body, body *[style]:not(.editor-view):not(.editor-view *) {
    font-family: 'NotoSansCJKkr','Nanum Gothic',AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.5px;
    word-break: break-all;
}

 위와 같이 작성하게 되면 edit-view class와 이 안에있는 모든 태그들에 대해 전체 선택자에 대해 예외처리가 가능하다.