継承付きCSS最大高さ

Question

CSSリファレンスには、max-heightが継承されていないことが明示されています。問題は、私はそれが継承されることです。しかし、私は正しいCSSの呪文を得ることができません。

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

* { 
    max-height: inherit; 
} 

残念ながら、上記のコードは動作しません：事は、私はdiv要素に適用され、その後のすべての子どもたちがDIVがmax-height財産を尊重すると述べたことを強制したいCSSクラスを持っている、です。たとえば、Chrome開発ツールでは、「max-height」の「継承」設定が無効になっています。どのようにこれを修正するための任意のアイデア？

おそらく異なるCSSセレクタを使用する必要があり

Answer 1

を参照してください、

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

をしかし、これは（あるいは、少なくともIE 8の前に）とにかくIEで動作しないことに、注意してください理解していないが、この作品ではないはずですか？

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

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

これはすべて子要素.my-viewerです。それがうまくいかない場合は、max-height:100%は.my-viewerの子であるため、動作するはずです。そして、.my-viewer divsだけが継承したいものであると仮定しています。apなどのすべての要素ではありません。

EDIT：>セレクタを使用してください。

.my-viewer > *または.my-viewer > div

Answer 2

：たぶん私はhere

Answer 3

これは

* { max-height: inherit; } 

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