인프런 커뮤니티 질문&답변
작성한 질문수
위의 속성을 따라가야 한다는게 좀 이해가 안가네요
작성
·
195
답변 1
0
코딩웍스(Coding Works)
지식공유자
선택자 방식에 따라서 다릅니다.
.container div {
background-color: blue;
}
위에 처럼 div을 .container div 이렇게 태그 선택을 했기 때문에 .active를 다이렉트로 선택하면 적용이 안됩니다. 물론 .active를 다이렉트로 선택해도 !important; 를 넣으면 해결되지만 가능하면 !important 를 사용하지 않고 선택하는게 좋습니다.
.active {
background-color: red !important;
}
그래서 !important를 사용하지 않고 선택하기 위해 아래처럼 선택자를 해주면 됩니다.
.container .active {
background-color: red;
}
영상은 아래처럼 되어 있는데... 위에 처럼 해주시면 됩니다.
.container div.active {
background-color: red;
}