HTML, CSS, JavaScript

[CSS] 특정 클래스만 속성 적용 제외하기

15호의 개발자 2021. 8. 8. 20:20
반응형

[CSS] 특정 클래스만 속성 적용 제외하기

 

 

CSS에서 속성을 적용할 때

특정 클래스만 제외하는 방법은 다음과 같다.

 

 

 

class2만 적용 제외하기

 

.class1:not(.class2){

    color: black;

}

 

 

 

(ex) 'button' 클래스에 hover 효과를 넣을 때, 'empty' 클래스만 적용을 제외하고 싶은 경우

 

.button:hover:not(.empty){

    color: black;

}

 

반응형