두 개의 ID를 사용하여 CSS에서 선택할 수 있습니까? # content.special #page

Question

약 10 페이지를 검색했습니다. 여기에서이 질문을 찾을 수 없습니다. 간단한 질문이 무엇인지 물어 보려고하지만 CSS에 두 번째 ID를 조건부로 선택하는 방법이 있는지 알고 싶습니다. 컨테이너 클래스 special이있는 경우

#container {width:1000px;} 
#page {width:600px;} 
#sidebar {width:400px;} 

#container.special {width:800px} 
#container.special #sidebar {width:200px;} 

기본적으로, 그것은 축소 및 그 div의 내부뿐만 아니라 조정해야 할 것 : 여기

그것의 요점이다.

나는 이것이 효과가있을 것이라고 생각했지만, 그렇게 보이지 않았다. 이 여러 가지 방법으로 해결할 수 있으며 이것은 단지 예일 뿐이므로 아무 것도 고치려고하지 않고 가능한 경우 이해하고 CSS 솔루션이 있는지 확인하십시오.

감사합니다, 종료

Answer 1

당신이해야하는 것은 올바른 CSS입니다. #container.special #sidebar에 대한 규칙은 #sidebar 규칙을 재정의하므로 (보다 구체적이므로) 사이드 바가 작아 져야합니다.

효과가 나타나지 않으면 Firebug를 사용하여 #sidebar 요소를 검사하십시오. 특정 스타일 규칙이 실제로 적용되는 것을 보여줍니다. 그러면 적어도 어떤 규칙이 상충하는지 알게되고 그 이유를 파악하는 데 도움을 줄 수 있습니다.