【问题标题】:SASS look up like in stylusSASS 像在手写笔中一样查找
【发布时间】:2016-11-15 10:28:45
【问题描述】:

甚至可以使用父与号 - &?

类似的东西

.block
    &--mod
        {???}__elem
            color: red

到这里

.block--mod .block__elem {
    color: red; }

【问题讨论】:

    标签: sass stylus bem


    【解决方案1】:

    在 SASS 中没有像 Partial Reference 这样的东西,但你可以这样做:

    .block
      $root:&
      @at-root
        #{$root}--mod
          #{$root}__elem
            color: red
    

    它不像您在 Stylus 中归档的那样干净,但可以工作。

    【讨论】:

      【解决方案2】:

      您可以通过以下方式实现您的 CSS:

      .block
          &--mod &__elem
              color: red
      

      我认为使用您提供的结构是不可能的。

      【讨论】:

      • 我是 sass 的新手。有时结构可以更深。对于手写笔,我会使用& ^[0]__elem。无论如何,谢谢你的想法。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多