CSS max-height with inherit

Question

CSS引用明确表示max-height不会继承.问题是,我希望它是继承的.但是,我似乎无法获得正确的CSS咒语.事实上,我有一个CSS课程,我想申请DIV,然后强制说所有DIV的孩子都尊重这个max-height属性:

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

* {
  max-height: inherit;
}

不幸的是,上面的代码不起作用.例如,在Chrome开发工具中,"max-height"的"继承"设置被删除,因为已禁用.知道如何解决这个问题吗？

Answer 1

也许我不理解,但不应该这样做？

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

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

这将是所有儿童的元素.my-viewer.如果这不起作用,应该起作用的是max-height:100%因为他们是孩子.my-viewer.我假设只是.my-viewer divs你想要继承的东西,而不是所有的元素,比如a p等等.

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

.my-viewer div {
  position:relative;
  max-height: 100%;
}

编辑:如果你想更具体地使用>选择器.

.my-viewer > * 要么 .my-viewer > div