:not 선택자 사용방법

css 스타일을 적용할 때, 선택자를 이용하여 적용할 요소를 결정한다.

그중 :not 선택자는 이미 지정된 css 스타일에서 특정 요소를 제외시킬 경우에 사용한다.

선택요소:not(제외요소){
    ...
}

예를 들어 아래처럼 하면 된다.

<div>
    <span class="span1">test font1<span>
    <span class="span2">test font2<span>
</div>

//css
span:not(.span1){
    color: red;
}

>>> 'span1' 속성을 가지지 않는 모든 태그는 색상이 빨간색이 적용된다.