css - 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;
}