[TIL] 0622 | :not() 선택자 사용하기

css를 작성할 때 '~이 없을 경우'와 같이 특정 선택자가 없을 때에 대한 스타일 처리를 하고 싶을 때가 있다. 그럴 때 사용하는 것이 바로 :not() 선택자이다.

&:not(.swiper-slide-next, .swiper-slide-prev, .swiper-slide-active) {
      opacity: 0 !important;
}

Swiper를 사용하면서 자동으로 움직이는 Swiper item들이 특정 위치(맨 앞의 세개)에 있을 때만 보여지고, 그 위치가 아닐 때에는 보여지지 않게끔 처리해주고 싶어서 사용하고자 했다.

⚡️ 참조

https://webruden.tistory.com/682