css - 如何用 SASS 语言表示 CSS 类？

Question

如何用SASS语言表示

.solo:hover > .solo-pane, .solo-pane.active, .solo-pane.lighten
{
    opacity: 0.5;
}

我遇到了用 (,) 逗号分隔类的问题

Answer 1

非常简单。将其嵌套在逗号分隔的事物处于同一水平的位置。

SASS

.solo:hover > .solo-pane
  opacity: 0.5

.solo-pane
  &.active, &.lighten
    opacity: 0.5

SCSS

.solo:hover > .solo-pane {
  opacity: 0.5;
}

.solo-pane {
  &.active, &.lighten {
    opacity: 0.5;
  }
}