在另一个声明中获取属性的值

Question

在声明中，如何以编程方式获取另一个声明中元素的属性值？

例如，采取以下内容：

.header {
  height: 50px
}

.footer {
  margin-top: // TODO a method for retrieving ".header" height should go here
}

是否有一些方法可以通过 .footer 的声明获取 .header 的身高值？类似于 getProperty('height', '.header')?

（我尽量避免创建一个变量来处理这个问题。）

Answer 1

SASS 和 LESS 没有这种能力来获取其他声明的属性。

Stylus 可以通过编程方式获取同一声明中的其他属性的值，或者如果嵌套了它的祖先属性（参见 documentation), but it can't get the values of properties elsewhere (see explanation）。

所以解决方案与所有三个预处理器相同：引入一个变量（或 mix-in）。

Getting value of a property in another declaration