CSS 선택기에서 특정 클래스 이름을 가진 요소를 제외하는 방법은 무엇입니까?

CSS 선택기에서 특정 클래스 이름 제외

CSS에서는 특정 클래스 이름을 기반으로 요소를 타겟팅해야 하는 경우가 많습니다. 그러나 요소에 여러 클래스 이름이 있으면 타겟팅이 더 복잡해질 수 있습니다. 일반적인 문제 중 하나는 특정 클래스 이름이 있는 요소를 제외하는 것입니다.

다음 시나리오를 고려하십시오.

• "가 있는 요소 위로 마우스를 가져갈 때 배경색을 적용하려고 합니다. reMode_hover" 클래스.
• 그러나 요소에 "reMode_selected"도 있는 경우 색상을 변경하고 싶지 않을 것입니다. class.

특정 클래스 이름을 가진 요소를 제외하려면 "not" 선택기를 사용할 수 있습니다. 이 선택기를 사용하면 지정된 조건과 일치하지 않는 요소를 타겟팅할 수 있습니다. 이 경우 다음을 사용합니다.

<code class="css">.reMode_hover:not(.reMode_selected):hover {
  background-color: #f0ac00;
}</code>

이 선택기는 "reMode_selected" 클래스가 없는 한 "reMode_hover" 클래스가 있는 모든 요소에 배경색을 적용합니다. 두 조건을 모두 만족하는 요소를 효과적으로 제외합니다.

위 내용은 CSS 선택기에서 특정 클래스 이름을 가진 요소를 제외하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!