SCSS "&" et à quoi il se réfère

Question

quelqu'un peut-il répondre à ces questions sur le sélecteur de référence parent "&".

Qu'est-ce que "&" dans ces cas.

 
 // Cas 1 
 
 .Parent {
 &> Ul {
 Couleur: rouge 
} 
} 
 // Cas 2 
 
 .Parent {
 &> Ul {
 &> Li {
 couleur: bleu; 
} 
} 
} 
 // Cas 3 
 
 .parent {
 &> ul {
 &> li {
 couleur: bleu; 
 &: planer {
 couleur: rose 
} 
 } 
} 
} 
 

Answer 1

La réponse est facile à trouver, mais de toute façon: le & est un espace réservé pour le sélecteur parent:

.parent {
  & > ul {
    color: red
  }
}

C'est pareil

.parent > ul {
  color: red
}

Les pseudo-classes sont un cas d'utilisation courant, par exemple:

.link {
  &:hover {
    color: red
  }
}

Une belle explication avec des exemples peut être trouvée sur CSS Tricks .