[CSS] background-color 속성 없애기

background-color 속성 없애기

개요

• 모든 요소가 background-color 속성으로 인하여 특정한 한 가지 배경색을 갖고 있을 때, 특정 요소의 배경색만 없애고 싶을 때가 있다.

 

방법

• 다음과 같이 배경색을 제거하고 싶은 요소의 background-color 속성을 transparent로 설정해준 후, !important 를 붙여서 스타일을 강제 적용시켜준다.

#item {
    background-color: transparent !important;
}

 

사용 예

• <a> 요소에 마우스 커서를 올리면 모두 초록색 배경이 표현되지만, 예외적으로 요소 3에는 배경색이 표현되지 않는다.

See the Pen Untitled by Sangsoon Kim (@starrykss) on CodePen.