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 或在生成纯 css的SASS或LESS等语言中进行限制。但如果尺寸动态变化，两者都无济于事。

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

#content {
    height: 80%;
}

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