Css &在Sass中用于特定标记

Css &在Sass中用于特定标记,css,css-selectors,sass,Css,Css Selectors,Sass,我想使用&表示类与标记的组合。像这个例子: .back { text-transform: uppercase; text-decoration: none; font-weight: 700; color: blue; &:hover { color: red; } } 我只想对a标签使用悬停。以下是不可能的 a&:hover { color: red; } 有人知道吗?如果我正确理解了你的问题,你就

我想使用&表示类与标记的组合。像这个例子:

.back {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: blue;

    &:hover {
        color: red;
   }
}
我只想对a标签使用悬停。以下是不可能的

a&:hover {
     color: red;
}

有人知道吗?

如果我正确理解了你的问题,你就不需要&:

.back {
  ...
}

a.back:hover {
  color: red
}
}


在sass中,这将编译为.back a:hover{color:red;}。您不需要&,因为这是用来进一步扩展back类的,我认为您不想这样做。

当然可以,但我想知道是否有像我描述的那样的解决方案否,&不能这样使用。尝试以这种方式使用时出现的错误是这样的:&只能在复合选择器的开头使用。我尝试运行他们文档中的相同内容,但得到相同的错误:
.back {
  ...

  a:hover {
    color: red;
 }