Sono un novizio di CSS e SCSS.
Nel seguente codice,
.title { width: 718px; &.sub-title { width: 938px; } }
Cosa fa &. si intende? È lo stesso della class di nidificazione?
Il &
concatena la class genitore, risultante in .title.sub-title
(piuttosto che .title .sub-title
se il &
è omesso).
Il risultato è che con &
corrisponde un elemento con entrambe le classi title
e sub-title
:
mentre senza &
verrebbe abbinato un discendente con sub-title
class di un elemento con title
class:
... ...