<aside> 💡 Use this template to describe the steps engineers should follow to deploy.

</aside>

1. Ping in Slack #deploys channel

의사선택자 중 하나인 :not() 선택자의 기능과 사용방법에 대하여 알아보겠습니다.

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

일반적으로 선택자는 선택을 하지 않기위해 사용하지만 이 경우는 선택을 하지 않기 위해서 사용합니다. :)

이 선택자를 알아두면 활용할 부분이 매우 많기 때문에 굉장히 유용합니다.

아래는 가장 기본적인 사용방법입니다.

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

보시는 것과 같이 소괄호안에 원하는 태그를 넣어주면 됩니다. 아래는 간단한 사용 예제입니다.

# :not()선택자 예제 소스 보기

아래 예제는 disabled 클래스명을 가지고 있는 경우 폰트를 회색으로 변경하는 코드 예제입니다.

<div>
   <p>working</p>
px;">   <p class="disabled">not working</p>
</div>

<style>
div p:not(.disabled) {
   color: blue;
}
</style>

한가지 더!! 주의할 점으로 소괄호 () 안에는 따옴표 표기를 하지 않습니다.