使用选择器继承来精简CSS

使用sass的时候，最后一个减少重复的主要特性就是选择器继承。选择器继承是说一个选择器可以继承为另一个选择器定义的所有样式。这个通过@extend语法实现

xxxxxxxxxx
.error {
    border: 1px solid red;
    background-color: #fdd;
}

.seriousError {
    @extend .error;
    border-width: 3px;
}

继承原理

通常使用继承会让你的css美观、整洁。因为继承只会在生成css时复制选择器，而不会复制大段的css属性。