:not 선택자

• 특정 선택자가 없을 때 스타일 처리를 하고 싶은 경우가 있을 때 씀
• 부정 CSS 가상 클래스로 특정 선택자가 제외된 경우에 대한 스타일 적용을 할 수 있다.
• 해당 선택자를 제외한 나머지 요소를 선택

사용방법

:not({selector}) 형태로 사용하면 된다.

<ul>
        <li>not 선택자</li>
        <li class="active">not 선택자 예시</li>
        <li>not 선택자</li>
    </ul>

ul li:not(.active){
    color:red;
}

active 클래스가 없는 1번째, 3번째 요소에만 빨간색 색상이 적용