我目前已经开始学习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"。
相比,没有保存工作对吗?
还是还有其他我无法理解的东西?
然后请纠正我。