Question

有没有办法在SASS中实现类似下面的内容而不指示.group-left两次？

.wrapper .group-left {
  background-color: blue;
}
.wrapper-child:nth-child(2n+2) .group-left {
  background: red;
}

我试图在.group-left之后放置＆符号，但不起作用。所以，我必须重新选择.group-left。以下是我目前的代码。

.wrapper {
  &:nth-child(2n+2) .group-left {
    background-color: red;
  }
  .group-left {
    background-color: blue;
  }
}

请指教。谢谢。

Answer 1

您可以使用父选择器并在sass中反转您的嵌套

.group-left {
  .wrapper & {
    background-color: blue;
  }
  .wrapper-child:nth-child(2n+2) & {
    background: red;
  }
}

Answer 2

试试这个。

@objc func updateFirmwareProgress() {
    guard let progress = firmwareProgress else {return}
    if #available(iOS 11.0, *) {
        timeRemaining.value = progress.estimatedTimeRemaining ?? 0.0
    } else {
        // Fallback on earlier versions
    }
}

如何从SASS中的嵌套类中定位父类

2 个答案: