css - 如何在 SASS 中链接伪选择器

Question

我正在尝试在 SASS 中组合一个选择器，该选择器将对链接的已访问、悬停状态进行操作，但我似乎无法正确标记，有人可以启发我吗？我是这样写的：

 &:visited:hover
     attribute: foo

Answer 1

a
  &:visited:hover
    attribute: foo

如今，这是唯一有效的形式。缩进必须一致（建议使用 2 个空格）并且冒号跟在属性后面。

Answer 2

a
 &:visited:hover
    :attribute foo

试试看 - 注意标识是两个空格，冒号在属性之前而不是之后。

Answer 3

非常适合悬停和之前/之后：

&:hover {
    color:#FFFFFF;

    &::before {
      color:#FFFFFF;
    }
}