어떻게이 <code>div</code>이 그 <code>div</code>에 내가 다른 클래스와 다른 <code>div</code>을 만들려면 및 내부 <code>div</code> 완전히 외부 <code>div</code> CSS 설정에서 분리가 특정 클래스

Question

의 직접적인 아이에 CSS를 적용합니다. 이처럼

:

<div class="outer"> 
    <div><h1> h1 </h1><div> 
    <div class="inner"> 
     <h2> h2 </h2> 
    </div> 
    <h2> h2 </h2> 
</div> 

.outer h1{ color:blue; } 
.outer h2{ color:red; } 

.inner { height: 111px; } 

내가 원하는 것은 여기 색상을 검정으로 과체중하지 않는 것은 바보 보일 수있는 "inner" div

에 h2에서 붉은 색 설정을 해제하는 것입니다, 하지만 CSS에 더 많은 논쟁이 있거나 동적 인 경우에는 어떻게 될까요?

편집 : 분명하지는 않지만 실제로 필요한 대답은 내가 지금까지 가지고있는 답변의 반대입니다 메인 컨테이너 div가 있고 CSS에 많은 설정이 있습니다. 이제 main-container CSS 설정을 사용하지 않고 div를 기본 컨테이너에 삽입하려고합니다.

Answer 1

.outer > h2 { color:red; } 

이렇게하면 외부 div의 직접 자식 만이 색상 값을 가져오고 작업을 수정해야합니다.

Answer 2

나는 당신이 필요로하는

.inner h2 {color: inherit} 

Answer 3

.outer .inner * { color: #000; } 

세트 색상 블랙을 필요로 내부 용기 내의 모든 요소라고 생각합니다.

Demo here