Wie würden Sie dies als SASS-konform beschreiben?
%Vor%Im Grunde repliziere ich nur dieses Beispiel des Überblendens in einem Bild über ein anderes ( hier gefunden.)
Sein JFiddle Beispiel: Ссылка
Allerdings ist sein Beispiel ein einfaches CSS, ich arbeite an einem Projekt in SASS und bin mir nicht sicher, wie ich es richtig übersetzen soll.
Hinweis: In meinem Beispiel unten funktioniert der img-Hover nicht richtig (beide Bilder werden angezeigt und es findet keine Rollover-Fade-Aktion statt)
Mein CodePen: Ссылка
Ich habe es versucht
%Vor%Aber das: wirft SASS Kompilierungsfehler, der folgende Code funktioniert
%Vor%Allerdings spuckt es CSS aus, was mir nicht hilft:
%Vor%Nesting ist bei Sass keine Voraussetzung. Fühlen Sie sich dazu nicht verpflichtet, wenn Sie die Selektoren nicht auflösen müssen.
%Vor%Wenn Sie Styles auf das Bild und dann bestimmte Styles auf den last-of-type anwenden, dann würde dies aussehen, wenn Sie es verschachteln:
%Vor%Beides funktionierte für mich nicht.
Last-Of-Type spielt nur nett mit Elementen, Sie können Dinge mit Klassen auswählen, die Sie mögen, aber dies wird von den Elementen gehandhabt. Also sagen Sie, Sie haben den folgenden Baum:
%Vor%Um zum letzten div mit der Klasse "middle" zu kommen, funktioniert das nicht mit last-of-type.
Meine Problemumgehung bestand darin, einfach den Elementtyp zu ändern, der "somethingselse" war
Hoffe, es hilft jemandem aus, nahm mich eine Weile, um das herauszufinden.
Hey, warum benutzt du nicht nur CSS? Sie könnten alle JS entfernen, ich meine, die Unterstützung von Hover ist gleich wieder auf ie6. Ich nehme an, dass Sie wissen, dass kein Hover-Event gerade auf Tablets aktiv ist.
Ich meine, Sie müssen einen Bereich für das Bild festlegen .. Aber ich finde es voll, vor allem, wenn Sie eine href wollen.
Nur meine Gedanken ..
Tags und Links css css-selectors sass