主页 / 问题 / 852575
Accepted
Aleksey exec
Asked:2020-07-10 17:58:26 +0000 UTC2020-07-10 17:58:26 +0000 UTC

如何将一种样式分配给多个类？

  • 772

有两个班

.product
   &__price--gold
       margin-bottom: 15px

   &__price--retail
       margin-bottom: 10px

他们都应该有font-size: 100px

我可以这样写

.product
   &__price--gold
       margin-bottom: 15px

   &__price--retail
       margin-bottom: 10px

   &__price--gold ,&__price--retail
       font-size: 100px

但这已经很长时间了，处理器中是否有任何方法可以使它更容易，例如，像这样的东西？

.product
   &__price--(*)
       font-size: 100px
sass

1 个回答

  1. Best Answer

    混合和变量。

    但是，按照 BEM 的意识形态，不可能概括不同的实体。在您的情况下，该属性font-size很可能应该从修饰符移动到元素级别。

    .product
    &__price
        font-size: 100px;

        &--gold
            ...
        &--retail
            ...

<div class="product__price product__price--gold"> ... </div>
    • 0

相关问题