sass

父选择器的标识符& color: red这条规则将会被应用到选择器article a :hover，article元素内链接的所有子元素在被hover时都会变成红色

article a {
  color: blue;
  :hover { color: red }
}

解决之道 使用一个特殊的sass选择器，即父选择器,它就是一个简单的&符号，且可以放在任何一个选择器可出现的地方，

article a {
  color: blue;
  &:hover { color: red }
}

当包含父选择器标识符的嵌套规则被打开时，它不会像后代选择器那样进行拼接，而是&被父选择器直接替换： 执行 结果

article a { color: blue }
article a:hover { color: red }