css :not 가상클래스 부정선택자

:not() 선택자
정의	한요소에만 적용 css 스타일을 특정 선택자만 제외하고 싶을때 사용
예시	/* input type text 중 .input_file은 제외 */ .inquiry_page .inquiry_area input[type=text]:not(.input_file) {     width: 100%;     height: 45px;     background: #f8f8f8;     border: none;     padding: 0 15px; }

 

 

문의작성표에 input 타입 text 에 공통 클래스로 디자인을 주었다. 

/* input type text 중 .input_file은 제외 */
.inquiry_page .inquiry_area input[type=text]:not(.input_file) {
    width: 100%;
    height: 45px;
    background: #f8f8f8;
    border: none;
    padding: 0 15px;
}

 

 

 

 

이떄 :not 부정 클래스로 file 선택자를 지정해 file 부분만 디자인이 다르므로 빼주고 적용하였는데 

삭제해보면 아래와 같다