如何擦干我的 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;
}