last-child und last-of-type funktioniert nicht im SASS

Wie würden Sie schreiben, dies SASS-konform?

.fader { display: inline-block; }
.fader img:last-child {
    position: absolute;
    top: 0; 
    left: 0;
    display: none;
}​

Grundsätzlich bin ich einfach replizieren diesem Beispiel von fading in einem Bild über ein anderes (gefunden hier.)

Seine JFiddle Beispiel: http://jsfiddle.net/Xm2Be/3/

Aber sein Beispiel ist gerade die CSS, ich arbeite an einem Projekt in SASS-und bin nicht sicher, wie Sie korrekt zu übersetzen.

Mein Code

Hinweis: in meinem Beispiel unten, die img-hover funktioniert nicht richtig (die beiden Bilder zeigen und keine rollover-fadein Aktion)

Meine CodePen:
http://codepen.io/leongaban/pen/xnjso

Versuchte ich

.try-me img:last-child & .tryme img:last-of-type

Aber : wirft SASS kompilieren Fehler, der code unten funktioniert

.try-me img last-of-type {
    position: absolute;
    top: 0; 
    left: 0;
    display: none;
}

Aber es spuckt CSS, die hilft mir nicht:

.container .home-content .try-me img last-of-type {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

UPDATE: Arbeiten Codepen:

http://codepen.io/leongaban/pen/xnjso

InformationsquelleAutor Leon Gaban | 2013-06-03
Schreibe einen Kommentar