html - 使用 CSS 获取 CSS 样式

Question

这个问题故意很短，但我很好奇这是否可能。

您可以“使用”CSS 在 CSS 样式表中获取其他样式吗？

有点像用 jQuery 做这个:

var header_height = $('#header').css('height');

所以我可以这样计算:

#content {
    height: calc(100% - property('#header', 'height') - property('#footer', 'height'));
}

例如，Where 属性代表获取另一个标签的 CSS 样式。

此问题不允许使用 JavaScript ^^

Answer 1

一个简短的回答:不，纯 CSS 是不可能的。您只能使用 JavaScript 或使用 SASS 等语言的限制来做到这一点或 LESS生成纯CSS。但如果尺寸动态变化，两者都无济于事。

你在 CSS 中唯一的机会是像这样的百分比

#content {
    height: 80%;
}

高度根据 parent 的高度而变化。但这当然只适用于父元素。