Ich verwende WENIGER, um mein CSS zu verbessern, und versuche, eine Klasse innerhalb einer Klasse zu verschachteln. Es gibt eine ziemlich komplizierte Hierarchie, aber aus irgendeinem Grund funktioniert meine Verschachtelung nicht. Ich habe das:
.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;
}
}
}
Ich kann das nicht .g.posted
zum Arbeiten bringen. es zeigt nur das .g
bisschen. Wenn ich das mache, ist es in Ordnung:
.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;
}
}
Ich würde zu nisten gerne die .posted
in .g
though. Irgendwelche Ideen?
sass
hat diese Funktionalität mit dem Operator & integriert.Sie sollten "." vor .posted hinzufügen
quelle
Befindet sich das kaufmännische Und beim Verschachteln direkt neben dem untergeordneten Element, wird es zu einem Doppelklassen-Selektor kompiliert. Wenn zwischen & und Selektor ein Leerzeichen ist, wird es in den untergeordneten Selektor kompiliert. Lesen Sie mehr über in weniger nisten hier .
quelle