SASS-设置相对值

是否可以为属性设置相对值？这将使以下编译工作正常进行：

SCSS源文件：

.class {

  font-size: 10pt;

  &.subclass {
    font-size: +2;
  }

}

.class {
  font-size: 10pt;
}

.class.subclass {
  font-size: 12pt;
}

CSS结果文件：

.class {

  font-size: 10pt;

  &.subclass {
    font-size: +2;
  }

}

.class {
  font-size: 10pt;
}

.class.subclass {
  font-size: 12pt;
}

---

您可以使用一个变量：

$size: 10pt;

.class {
  font-size: $size;

  &.subclass {
    font-size: $size + 2pt;
  }
}

---

您可以使用一个变量：

$size: 10pt;

.class {
  font-size: $size;

  &.subclass {
    font-size: $size + 2pt;
  }
}

---

我的必要性更为复杂，这个例子仅仅是说明性的。我需要使指南针生成的精灵的背景位置仅在IE8上向上移动1个像素。刚刚发现精灵生成器具有偏移机制：

我的精灵（图标名称，$offset-x:-1，$offset-y:-2）

。仍然很好奇是否有一种方法可以使用相对值。@Caioton——我不相信有任何方法可以在hopper所示的变量中不设置这些属性的情况下访问这些属性。现在，变量可以是局部变量（包含并设置在

.class

定义中，而不是像hopper所示的那样在其外部），然后在嵌套的

.subclass

调用中使用。我的需要更复杂，这个示例只是说明性的。我需要使指南针生成的精灵的背景位置仅在IE8上向上移动1个像素。刚刚发现精灵生成器具有偏移机制：

我的精灵（图标名称，$offset-x:-1，$offset-y:-2）

。仍然很好奇是否有一种方法可以使用相对值。@Caioton——我不相信有任何方法可以在hopper所示的变量中不设置这些属性的情况下访问这些属性。现在，变量可以是局部变量（包含并设置在

.class

定义中，而不是像hopper所示的那样在其外部），然后在嵌套的

.subclass

调用中使用。