如何在SASS中链接伪选择器

Question

我正在尝试在SASS中编写一个选择器，用于操作链接的visited、hover状态，但是我似乎无法得到正确的标记，有人能给我指点一下吗？ 我是这样写的：

 &:visited:hover
     attribute: foo

- Sam Murray-Sutton

Answer 1

a
  &:visited:hover
    attribute: foo

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

- crispy

Answer 2

a
 &:visited:hover
    :attribute foo

试试这个 - 注意缩进是两个空格，冒号在属性之前而不是之后。

- user6325

---

我回到这个问题后一段时间才意识到这确实是一个缩进问题。毕竟这是Sass :). 但是冒号不必放在属性之前，Sass会接受任何一种写法。我在属性后使用冒号是因为我觉得这样更容易阅读。 - Sam Murray-Sutton

“冒号应该放在属性前而不是后面”这种说法已经不正确了。 - crispy

我现在正在学习SASS，然后我偶然发现了这个页面，并注意到这种语法（没有花括号、分号等）似乎不再可用了？在http://sass-lang.com/tutorial.html上使用的语法是“正常”的CSS语法（除了一些更多的可能性，如封装）。这个“旧语法”已经被废弃了吗？ - Joshua Muheim

是的。SCSS 更好，因为它更像常规 CSS，并且实际上可以将纯 CSS 放入其中。 - Eddie Monge Jr

SCSS并不比SASS更好，只是不同而已。这完全取决于你习惯如何编写代码。如果你习惯于HAML风格的简洁性，那么你可以认为SASS更好（代码行数更少，语法像大括号等也更少）。只需选择你喜欢的风格并享受即可！ - tatlar

Answer 3

非常适合悬停和前/后效果：

&:hover {
    color:#FFFFFF;

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

- Sebastian

---

为什么你要重新发布这个答案？OP没有询问有关 SCSS 语法的问题，他们在询问缩进式 SASS 语法。此外，这段代码甚至无法编译。 - cimmanon

其他的 SCSS 对我没用，我的代码对我来说很好！ - Sebastian