[CSS] :not() 선택자 클래스 접근 방법

■ CSS :not() 선택자 클래스 접근 방법

부정 CSS 가상 클래스로, 특정 선택 요소를 제외한 나머지 요소들의 스타일 적용 가능

---

■ 문법

:not(selector) { style properties }

---

■ 사용법

* B를 제외한 A,C만 color:red; 적용됨

<style>
	ul li:not(.targetLi) { color:red; }
</style>

<ul>
  <li>A</li>
  <li class="targetLi">B</li>
  <li>C</li>
</ul>

 

 

 

:not() - CSS: Cascading Style Sheets | MDN