Scss，目标类和活动类

Question

我确定这很简单。

有更好的方法来写这是SCSS

.tab,
.tab.active {
    margin:0;
    padding:5px 0 5px 8px;
  }

Answer 1

是：

.tab {
    &,
    &.active {
        margin: 0;
        padding: 5px 0 5px 8px;
    }
}

但除非您不覆盖现有的.active，否则.tab.active将继承.tab，这就足够了：

.tab {
    margin: 0;
    padding: 5px 0 5px 8px;
}

Answer 2

这样做：

.tab{
  //some styles
  &.active{
   margin:0;
   padding:5px 0 5px 8px;
  }
}