Używam MNIEJ, aby ulepszyć mój CSS i próbuję zagnieździć klasę w klasie. Hierarchia jest dość skomplikowana, ale z jakiegoś powodu moje zagnieżdżanie nie działa. Mam to:
.g {
float: left;
color: #323a13;
.border(1px,#afc945);
.gradient(#afc945, #c8da64);
.common;
span {
.my-span;
.border-dashed(1px,rgba(255,255,255,0.3));
}
.posted {
.my-posted;
span {
border: none;
}
}
}
Nie mogę dostać się .g.posted
do pracy. to tylko pokazuje .g
. Jeśli to zrobię, to dobrze:
.g {
float: left;
color: #323a13;
.border(1px,#afc945);
.gradient(#afc945, #c8da64);
.common;
span {
.my-span;
.border-dashed(1px,rgba(255,255,255,0.3));
}
}
.g.posted {
.my-posted;
span {
border: none;
}
}
Chciałbym jednak zagnieździć się .posted
w .g
środku. Jakieś pomysły?
sass
ma tę funkcję wbudowaną w operator &.przed wysłaniem należy dodać „&”
źródło
Jeśli ampersand znajduje się tuż obok elementu podrzędnego podczas zagnieżdżania, jest kompilowany do podwójnego selektora klas. Jeśli między & a selektorem jest spacja, zostanie on wkompilowany w selektor potomny. Przeczytaj więcej o zagnieżdżaniu w Less tutaj .
źródło