Qu'est - '&.' dans le '&.sous-titre l'indique en scss?

Je suis un débutant en CSS et SCSS.

Dans le code suivant,

.title {
    width: 718px;
    &.sub-title {
      width: 938px;
   }
}

Ce n' &. signifie? Est-il même que l'imbrication de la classe?

InformationsquelleAutor nkm | 2012-04-03
  1. 93

    La & concatène la classe parent, résultant en .title.sub-title (plutôt que .title .sub-title si le & est omis).

    Le résultat est que, avec le & il correspond à un élément avec deux title et sub-title classes:

    <div class='title sub-title'></div> <!-- << match -->

    alors que sans le & il pourrait correspondre à un descendant, la classe sub-title d'un élément avec la classe title:

    <div class='title'>
  ...
    <div class='sub-title'></div> <!-- << match -->
  ...
</div>
    • Pour le rendre un peu plus clair .titre.sous-titre signifie éléments qui ont à la fois des classes. .titre .sous-titre signifie que .sous-titre est le descendant d' .titre
    InformationsquelleAutor Benjie