위의 속성을 따라가야 한다는게 좀 이해가 안가네요

Question

Box div에 class="active"넣으면 css 에서 .active만해도 되기위해 class 속성을 넣어주는거 아닌가요? 왜 굳이 위의 .container div 를 넣어서 셀렉팅 방식을 따라가 줘야 한다는게 이해가 안가네요? 위에 존재하니 따라간다는건가요? 아니면 없으면 안따라가줘도 된다는건가요? div.active 라고 바로 붙히는 방식도 좀 생소하네요...

코딩웍스(Coding Works) · Answer

선택자 방식에 따라서 다릅니다. .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; }