如何用SASS语言表示

.solo:hover > .solo-pane, .solo-pane.active, .solo-pane.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;
  }
}

关于css - 如何用SASS语言表示CSS类?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45971941/

10-09 05:01