Ich habe einige Elemente in einem DIV , die abhängig von der Größe des Bildschirms neu angeordnet werden. Ich möchte jedes dieser Elemente je nach ihrer Flex-Box-Reihenfolge unterschiedlich gestalten. Da sich die Medienabfragen in einem Framework befinden, möchte ich lieber keine eigenen Medienabfragen schreiben, da ich nicht daran denken möchte, meine Medienabfragen zu ändern, wenn das Framework die Unterbrechungspunkte für ihre Medienabfragen ändert. Ich habe versucht, den + Geschwisterselektor zu verwenden, aber anscheinend gilt dies nur für die Reihenfolge der Elemente im ursprünglichen Markup, nicht für die Renderreihenfolge der Flexbox. Gibt es eine Möglichkeit, ein Element basierend auf der Reihenfolge zu formatieren, in der es im gerenderten DOM angezeigt wird?
Wie in den Kommentaren erwähnt, können Sie nth-child nicht verwenden, da die Stile auf die Reihenfolge des tatsächlichen DOM und nicht auf das gerenderte DOM angewendet werden.
Sie müssen dem Markup zusätzliche Klassen hinzufügen, um dies zu tun. Anstatt mit nth-child neu zu ordnen, ordnen Sie die Reihenfolge mit den zusätzlichen Klassen neu an.
%Vor%Mehr Details in dieser Geige: Ссылка