Korrekter Weg, dieses CSS in LESS zu übersetzen?

.map{ 
    position: absolute; 
    top: 0%; 
    bottom: 0%; 
    left: 50%; 
} 

.map.zoom { 
    top: -106px; 
    overflow: visible; 
}

Jetzt mag ich dies zu einem weniger Sheet hinzuzufügen, aber ich bin mir nicht sicher, was der richtige Weg, dies zu tun, das heißt, wie die Tatsache, dass die zweite Art zu handhaben ist für Elemente mit beiden Klassen (map und).

Offensichtlich könnte ich sie einfach separat hinzufügen, aber ich denke, dass es eine Möglichkeit geben sollte, die zweite innerhalb der ersten zu verschachteln oder sie anderweitig zu verbinden, da sie die map Klasse teilen.

Quelle

2016-11-25 jovan

Mögliche Duplikate von [Übernehmen Stil auf untergeordnete Elemente mit weniger] (http://stackoverflow.com/questions/20223307/apply-style-to-child-elements-with-less) – abhirathore2006

Nein @ abhirathore2006. Dies ist kein untergeordnetes Element. – Harry

Sie könnten einfach '& .zoom' als Selektor innerhalb der '.map'-Regel einfügen und dann die Eigenschaften darunter schreiben. Ich bin mir sicher, dass dies eine Täuschung sein muss (wie es einer der grundlegenden Konzepte von Less ist und sicherlich früher gefragt wurde), aber nicht von dem oben verlinkten. – Harry

Um das in LESS zu übersetzen, können Sie Folgendes tun.

.map{ 
    position: absolute; 
    top: 0%; 
    bottom: 0%; 
    left: 50%; 
    &.zoom{ 
    top: -106px; 
    overflow: visible; 
    } 
}

Die ‚&‘ -sign Verweise auf das übergeordnete Element, so dass Sie den übergeordneten Wähler die .ZOOM Klasse packen es werden und hängen.

Dies basiert auf der example on the LESS documentation.

Quelle

2016-11-25 09:40:49 sniels

Oder dieses http://lesscss.org/features/#parent-selectors-feature – sniels

Korrekter Weg, dieses CSS in LESS zu übersetzen?

Antwort

Verwandte Themen