not 의사 클래스

의사 클래스 not는 부정을 지정합니다. 예를 들어, p:not(.last)는 last 클래스가 없는 모든 단락을 선택하라는 의미입니다. 중첩된 not는 작동하지 않습니다.

구문

css선택자:not(부정) {
  
}

예제

첫 번째를 제외한 모든 li를 빨간색으로 만듭니다:

html<ul>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
</ul>

cssli:not(:first-child) {
  color: red;
}

Результат: