상속 된 CSS 최대 높이

Question

CSS 참조에 명시 적으로 max-height이 상속되지 않는다고 나와 있습니다. 문제는 그것이 상속되기를 바랍니다. 그러나, 나는 올바른 CSS 주문을 얻을 수없는 것 같습니다.

.my-viewer { 
    max-height: 800px; 
} 

* { 
    max-height: inherit; 
} 

불행하게도, 위의 코드가 작동하지 않습니다 것은 내가 된 DIV에 적용하고 모든 아이들이 DIV가 max-height 속성을 존중 말했다 시행하고 싶은 CSS 클래스를 가지고있다. 예를 들어 Chrome 개발 도구에서 'max-height'의 '상속'설정은 사용할 수없는 것으로 설정됩니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

을 어쩌면 표시되지 않습니다,

.my-viewer { 
    max-height: 800px; 
} 
.my-viewer * { 
    max-height: inherit; 
} 

그러나 메모를 이해하지는 않지만이 일을해서는 안됩니까?

.my-viewer { 
    max-height: 800px; 
} 

.my-viewer * { 
    max-height: inherit; 
} 

모든 어린이 요소는 .my-viewer입니다. 작동하지 않으면 .my-viewer의 자식이므로 max-height:100%이 작동해야합니다. 그리고 .my-viewer divs 만 상속 받기를 원하며, ap 등의 모든 요소가 상속되지는 않습니다.

편집 : > 선택기를 사용하는 것이 더 구체적입니다.

.my-viewer > * 또는 .my-viewer > div

Answer 2

당신은 아마 다른 CSS를 선택 사용한다 :이 어쨌든 IE에서 작동 (또는 적어도 IE 8 전), 난 here

Answer 3

이

* { max-height: inherit; } 

.my-viewer { max-height: 800px; }