:not 선택자

hover 시, 선택하고 싶은 항목을 제외한 나머지의 색상을 유지하고 싶을 때.

header .gnb-item:hover a{color: #fff;} 

//선택항목에 :hover 를 적용해 주고//

header .gnb-list:hover .gnb-item:not(:hover){color: rgba(242, 242, 242, 50%);}

//상위 클래스에 :hover 적용 후, 비선택 항목에 :not 선택자를 적용시켜 :hover 를 제외해 준다.