Spojování selektorů v SASS
Někdy potřebujeme, aby se při kompilaci vnořených konstrukcí spojily nikoli mezerou, ale dohromady. K tomu je před názvem vnořeného selektoru nutné umístit ampersand:
div {
&.block {
width: 300px;
}
}
Výsledkem po kompilaci bude následující kód:
div.block {
width: 300px;
}
Řekněte, jaký bude výsledek kompilace následujícího kódu:
#block {
&.xxx {
width: 300px;
}
}
Řekněte, jaký bude výsledek kompilace následujícího kódu:
#block {
.xxx {
width: 300px;
}
}
Řekněte, jaký bude výsledek kompilace následujícího kódu:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Řekněte, jaký bude výsledek kompilace následujícího kódu:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Řekněte, jaký bude výsledek kompilace následujícího kódu:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
