반응형
[CSS] 특정 클래스만 속성 적용 제외하기
CSS에서 속성을 적용할 때
특정 클래스만 제외하는 방법은 다음과 같다.
class2만 적용 제외하기
.class1:not(.class2){
color: black;
}
(ex) 'button' 클래스에 hover 효과를 넣을 때, 'empty' 클래스만 적용을 제외하고 싶은 경우
.button:hover:not(.empty){
color: black;
}
반응형
'HTML, CSS, JavaScript' 카테고리의 다른 글
[JavaScript] innerText 사용법 (+innerHTML) (0) | 2021.08.09 |
---|---|
[JavaScript] document.querySelector() 사용법 (0) | 2021.08.08 |
[CSS] Button Hover 효과 사용법 (0) | 2021.08.08 |
[CSS] cursor 속성 사용방법 (0) | 2021.08.08 |
[CSS] grid-template: repeat 사용 (0) | 2021.08.08 |