如何干我的SASS

Question

我是SASS的新手，我试图干这个：

nav {
  ul {
    li a:hover {
      border-bottom: 3px solid #e12a1a;
    }
    li a.active {
      border-bottom: 3px solid #e12a1a;
    }
  }
}

有任何帮助吗？感谢。

Answer 1

您可以使用：

nav ul li a {
  &:hover, &.active {
    border-bottom: 3px solid #e12a1a;
  }
}

将输出：

nav ul li a:hover,
nav ul li a.active {
  border-bottom: 3px solid #e12a1a;
}