如何用SASS语言表示CSS类？

如何用SASS语言表示这一点

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

---

我面临着用（，）逗号分隔类的问题。将其嵌套在逗号分隔的对象位于同一级别的位置

SASS

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

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

.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

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

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

---

非常直截了当。将其嵌套在逗号分隔的对象位于同一级别的位置

SASS

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

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

.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

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

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