2017-08-17 2 views
3

Ich habe eine Ionic 2 App und haben die folgenden zwei Dateien in Seiten/home Ordner:Klasse Stil in Ionic 2 funktioniert nicht

home.html:

<ion-list-header class="list">Your List</ion-list-header> 

home.scss:

.list { 
    color: green; 
} 

Irgendwelche Ideen, warum funktioniert das nicht? Die Datei wird korrekt referenziert und der Rest der Stile funktioniert ordnungsgemäß, aber wenn ich das Klassenattribut verwende, werden die Stile nicht übernommen (versucht, die Klasse auch auf andere Elemente anzuwenden).

+0

Wenn Sie die Elemente in Ihrem Browser überprüfen, wird die Klasse 'list' tatsächlich angewendet? – devqon

+0

haben Sie versucht, das Farbattribut wie in 'color =" grün "' –

+0

Nein, die Klasse wird nicht angewendet. Die Frage ist nicht "Warum wird es nicht angewendet?", Weil ich nicht wusste, dass die Klasse nicht angewendet wird. – Mario

Antwort

3

ich es mit jedem HTML-Element versucht und es hat nicht funktioniert. Hat die Änderung in der .ts-Datei für das Live-Reload vorgenommen und es galt trotzdem nicht.

aktualisiert dann die Seite auch und es trat in.

ich alles beraten erfrischend, wenn es um html/css und auf kommt auchDisable Cache“ in Entwickler-Tools in Google Chrome tickt.

1

Es funktioniert gut.Ich habe es getestet.Es scheint Ihr Problem ist mit dem Live-Reloader Problem.Deshalb es nicht galt.

Lösung: einfach die semi colon(i.e. ;) auf home.ts Datei ändern und lassen Sie es die server.All Dinge fein dann nachladen sollte :)

Verwandte Themen