如何在 SASS 中链接伪选择器答案

【问题标题】：How to chain pseudo selectors in SASS如何在 SASS 中链接伪选择器
【发布时间】：2010-09-12 07:47:32
【问题描述】：

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

 &:visited:hover
     attribute: foo

【问题讨论】：

标签： css haml sass

【解决方案1】：

a
  &:visited:hover
    attribute: foo

如今，这是唯一有效的表格。缩进必须一致（推荐2个空格），冒号跟在属性后面。

【讨论】：

【解决方案2】：

a
 &:visited:hover
    :attribute foo

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

【讨论】：

我在一段时间后回到这个问题后意识到这确实是一个缩进问题。这毕竟是 sass :)。冒号不必放在属性之前，sass 将接受任何一种书写方式。我在后面使用冒号，因为我觉得它更容易阅读。
“冒号在属性之前而不是之后”不再正确
我现在正在学习 SASS，我偶然发现了这个页面并注意到这种语法（没有大括号、分号等）似乎不再可用了？在sass-lang.com/tutorial.html 上，他使用的语法是“正常”的 CSS 语法（除了封装等更多可能性）。这种“旧语法”是否已被删除？
是的。 SCSS 更好，因为它更像常规 CSS，实际上可以将直接 CSS 放入其中
SCSS 并不比 SASS 更好，只是不同而已。这完全取决于您如何习惯编写代码。如果您习惯于 HAML 风格的简洁性，那么您可能会认为 SASS 更好（更少的代码行，更少的语法如大括号等）。只需选择您的口味并享受！

【解决方案3】：

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

&:hover {
    color:#FFFFFF;

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

【讨论】：