SASS / SCSS：在不使用中间变量的情况下引用属性

Question

是否可以在不引入中间变量的情况下引用先前在选择器中定义的属性？

我想说的是：

.foo {
  padding: 15px;
  width: 300px - $padding;
}

我知道$ padding语法上寻找一个已定义的变量，我只在上面的例子中使用它来说明我想要在功能上实现的目标。

以上示例与此相同：

.foo {
  $padding: 15px;
  padding: $padding;
  width: 300px - $padding * 2;
}

Answer 1

不，你不能，而且会很棒。

我还没有测试过，但据我所知，唯一能做到这一点的css预处理器是stylus。查看其文档中的variable section，其中显示 Property Lookup 。它的工作原理如下：

.foo {
  padding: 15px;
  width: 300px - @padding * 2;
}

但不，就Sass而言，就我而言，你不能。

Answer 2

如果选择使用其他预处理器然后scss，我真的建议使用Stylus。有一个名为Property lookup的功能正是您想要的。