在SCSS中转换此CSS（同一个孩子不同的父母）

Question

我将一个长CSS文件转换为SCSS并陷入了下面的CSS，它包含一个可以有不同父div的子div：

.dark-bg li.accordion-item,
.image li.accordion-item,
.parallax li.accordion-item {
    margin: 0;
}

可以转换为SCSS吗？

谢谢。

Answer 1

任何CSS都是有效的SCSS。如果你想要更像SCSS，你可以写：

.dark-bg, .image, .parallax {
  li.accordion-item {
    margin: 0;
   }
}

Answer 2

这可以吗？

@mixin hasAccordion() {
    & li.accordion-item {
        margin: 0;
    }
}

.dark-bg, .image, parallax {
   @include hasAccordion;
}