文章/答案/技术大牛

发布

社区首页 >问答首页 >使用父选择器的较少多类规则

问使用父选择器的较少多类规则
EN

Stack Overflow用户

提问于 2020-09-02 23:28:52

回答 1查看 37关注 0票数 1

我有以下HTML结构：

<div class="block">
  <div class="block--is-disabled block--is-focused">Block</div>
</div>

和一些较少的代码：

// LESS
.block {
  &--is-disabled {
    // some styles
  }

  &--is-focused {
    // some styles
  }
}

是否可以使用较少的父选择器来应用像.block--is-disabled.block--is-focused这样的样式？我唯一能做到的就是：

// LESS 
.block {
  &--is-focused & {
    &--is-disabled {
      // some styles
    }
  }
}

使用以下CSS输出：

.block--is-focused .block--is-disabled {
  // some styles
}

但我需要得到的是下一个CSS：

.block--is-disabled.block--is-focused {
  // some styles
}

发布于 2020-09-03 00:42:09

你可以这样做：

.block {
    &--is-focused&--is-disabled {
        ...
    }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63708735

复制

相似问题

问使用父选择器的较少多类规则EN