css - & Sass で特定のタグに使用

Question

タグと組み合わせて & (クラスを参照) を使用したい。この例のように:

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

    &:hover {
        color: red;
   }
}

a-tags にのみホバーを使用したい。以下は不可

a&:hover {
     color: red;
}

誰もこれを知っていますか？

Answer 1

私があなたの質問を正しく理解していれば、次のものは必要ありません&。

.back {
  ...

  a:hover {
    color: red;
 }

}

sass では、これは にコンパイルされ.back a:hover { color:red; }ます。& は必要ありません。これは、backクラスをさらに拡張するために使用されるため、実行したくないと思います。

Answer 2

.back {
  ...
}

a.back:hover {
  color: red
}