Comment chaîner des pseudo sélecteurs dans SASS

Question

J'essaie de créer un sélecteur dans SASS qui opère sur l'état de lien survolé et survolé, mais je n'arrive pas à obtenir le balisage correctement. Quelqu'un peut-il m'éclairer? Je l'écrivais comme ceci:

 &:visited:hover
     attribute: foo

Answer 1

a
  &:visited:hover
    attribute: foo

À l’heure actuelle, c’est la seule forme valide. L'indentation doit être cohérente (2 espaces sont recommandés) et les deux points suivent l'attribut.

Answer 2

a
 &:visited:hover
    :attribute foo

Essayez ça - notez que l'indentation est deux espaces et que les deux points vont avant attribut pas après.

Answer 3

Parfait pour le survol et avant / après:

&:hover {
    color:#FFFFFF;

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