Sass的扩展功能有多大用处?

时间:2016-02-29 10:35:22

标签: css

我目前已经开始学习Sass了。

现在,在路上寻找'延伸'在基础知识文档(http://sass-lang.com/guide)中进行了解释,并想知道它是否真的有用。

我的意思是:这......

.message {
  border: 1px solid #ccc;
  padding: 10px;
  color: #333;
}

.success {
  @extend .message;
  border-color: green;
}

.error {
  @extend .message;
  border-color: red;
}

.warning {
  @extend .message;
  border-color: yellow;
}

...编译成......

.message, .success, .error, .warning {
  border: 1px solid #cccccc;
  padding: 10px;
  color: #333;
}

.success {
  border-color: green;
}

.error {
  border-color: red;
}

.warning {
  border-color: yellow;
}

如果我将类 .message 添加到我想要应用此样式的每个HTML元素,我可以完成相同的操作。

如果我多次写@extend .message与多次class =" message"。

相比,没有保存工作

对吗?

还是还有其他我无法理解的东西?

然后请纠正我。

0 个答案:

没有答案