css - selectores - nth-child

Cómo encadenar pseudo selectores en SASS

Question

Estoy tratando de armar un selector en SASS que operará en el estado visualizado y de un enlace, pero parece que no puedo obtener el marcado correcto, ¿alguien puede iluminarme? Lo estaba escribiendo así:

 &:visited:hover
     attribute: foo

Answer 1

a
 &:visited:hover
    :attribute foo

Pruébalo: ten en cuenta que la identación es de dos espacios, y los dos puntos van antes del atributo no después.

Answer 2

a
  &:visited:hover
    attribute: foo

Hoy en día, esta es la única forma válida. La sangría debe ser consistente (se recomiendan 2 espacios) y los dos puntos siguen el atributo.

Answer 3

Perfecto para Hover y antes / después:

&:hover {
    color:#FFFFFF;

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