CSS的子选择器不在Sass中工作

Question

我想将样式应用于和元素的直接子<a>标记。

在普通的CSS中我会使用类似的东西：

.card > a {
 color: red;
}

但是在Sass中，我无法使用这个或任何以下组合。

在我的.scss文件中，我尝试过：

.card > a {
 color: red;
}

.card & > a {
 color: red;
}

.card {
  > a {
     color: red;
    }
}

.card {
  & > a {
   color: red;
  }
}

但这些都不起作用。编译器中没有显示错误。

有人知道这样做的正确方法吗？

Answer 1

这有效：因为＆amp;从.card

连接

.card {
  &>a {
    color: red;
  }
}