Formation Prestashop intégrateur: Sass / Le sélecteur parent

Vous êtes ici : Accueil / Prestashop intégrateur / Sass / Le sélecteur parent


Le sélecteur parent

Vous pouvez faire référence au sélecteur parent dans l'imbrication des blocs avec le caractère &.

Exemple :

a {
  font-weight: bold;

  &:hover {
    color: #f00;
  }

  li & {
    font-weight: normal;
  }
}

Résultat CSS après compilation :

a {font-weight: bold;}
a:hover {color: red;}
li a {font-weight: normal;}