동일한 CSS 스타일을 사용하는 여러 개의 HTML div

Question

2 개의 div 요소 # container1, # container2가 있습니다. 아래의 방식으로 스타일을 사용할 수 있습니까?

#container1,#container2 h5{ 
} 

그래 그럼 내가 그것을 # container3 위해 일할 수 cudn't 경우

#container1,#container2,#container3 h5{ 
} 

규칙이 어떻게 든 #의 container3을 신청하지 않는 것 .. 무슨 이유가 될 수 있을까?

Answer 1

선택기는 # container1, # container2 및 # container3의 모든 h5s에 적용됩니다. 당신이 원하는 것 같아요 :

#container1 h5, 
#container2 h5, 
#container3 h5 { 
    /* styling */ 
} 

이것은 정확히 클래스가 의도 한 것입니다. 수정

.container h5 { 
    /* styling */ 
} 

Answer 2

끝에있는 h5는 특정 규칙이 id 내부의 h5 요소에만 적용됨을 의미합니다. 첫 번째 예에서 exmaple으로

, ...

#container1,#container2 h5{ 
} 

위의 규칙은 ID = 컨테이너 2 인 요소 내부에 H5 요소 또한 ID = contrainer1과와 요소에 적용됩니다.

으로 :

#container1,#container2,#container3 h5{ 
} 

당신은 실제로 ID를 가진 요소의 내부 ID = container1을, ID = 컨테이너 2 또한 H5 요소를 표적으로하는 = container3

하지만 두 경우 모두

는 H5와 요소 태그는 요소 자체를 대상으로하지 않으며 그 내부의 표제 태그 만 대상으로합니다.

Answer 3

코드가 보인다하지만 당신은 모든 사업부에 대한 사용 CALSS 나던 왜 다른 해결책 ... 을 사용할 수 있습니다 : 당신이 당신의 용기 div의 각 class="container"를 추가하는 경우, 당신은 단순히 다음과 같은 규칙을 사용할 수 있습니다 너는 원하는가?

.divcontainer{ 
css.... 
}