css - 如何在没有两次相同代码的情况下排列代码？

Question

我有这个样本:

代码更少:

.product.attribute.installment,
.product-installment {
    &:not(.list) {
        padding: 2px 4px;
    }

    &.list {
        span {
            padding: 2px 4px;
        }
    }
}

如你所见，对于两个不同的选择器，我有两次相同的值。

我想压缩这段代码，使其尽可能准确。

你能告诉我是否可以在不重复相同代码的情况下进行调整吗？

提前致谢!

Answer 1

只加一个逗号

.product.attribute.installment,
  .product-installment {
     &:not(.list), &.list span {
        padding: 2px 4px;
    }
}