Ich versuche, die Position von mehreren Geschwister divs basierend auf dem Geschwister anzupassen. Momentan sind sie alle position: absolute , aber das ist nicht in Stein gemeißelt.
Sie sind jeweils ein paar hundert Pixel groß, aber ich möchte, dass sie sich überlappen, so dass die dahinter liegenden nur um ein paar Pixel über die vorderen hinausschauen. Der einfachste Weg, um dies zu tun, wäre ein Less-Mix für nth-of-type , der statt nur die Regeln auf den übereinstimmenden Index anwendet, stattdessen den Index in das Mixin übergibt. Grundsätzlich möchte ich das:
Bearbeiten: was ich gerade mache:
%Vor%Offensichtlich ist das nicht optimal. Gibt es einen besseren Weg, dies in Less zu tun?
Alternativ gibt es ein CSS-Feld für etwas wie 'layout-height' , das dem div im Layout eine bestimmte Höhe (nicht seine volle Höhe) geben würde?
Vorausgesetzt, Sie kennen die Anzahl der Elemente im Voraus (oder berechnen Ihre CSS im laufenden Betrieb irgendwie neu), dann funktioniert im Wesentlichen, was Sie haben, wenn in eine Schleifenstruktur einfügen , die ich ursprünglich entdeckt habe hier auf Stack-Überlauf .
WENIGER Code
%Vor%Ausgaben
%Vor%