VsCode Farben werden nicht angezeigt warum?
HABS HINBEKOMMEN!!
Hatte Windows 11 Einstellungen anders
Hallo ich bin neu im Business und habe ein Problem mit VsCode. Ich habe CSS erfolgreich in HTML eingebettet allerdings wenn ich in CSS eine Farbe ändern möchte oder hinzufügen möchte wird es mir im Browser nicht angezeigt, bei Kollegen klappt der Code dann Perfekt nur bei mir wird nichts angezeigt/geändert. Muss ich da was an den Einstellungen ändern? Danke im voraus (Habe es in Chrome, Opera, Edge, Live view, show preview Probiert nichts ging.)
4 Antworten
Ich habe CSS erfolgreich in HTML eingebettet
Und dass dies korrekt erfolgt ist, zeigt dir auch der Browser in seinen Entwicklertools an? (Passiert gerne mal, dass ein Tippfehler im Pfad dazu führt, dass die CSS-Datei im angegebenen Pfad nicht vorhanden ist und dann auch nicht ausgeliefert wird.)
wenn ich in CSS eine Farbe ändern möchte oder hinzufügen möchte wird es mir im Browser nicht angezeigt
Das kann ggfs. auch daran liegen, dass die Seite nicht komplett neu abgerufen wird und die alten Einstellungen aus dem Browser-Cache kommen, in denen deine Änderungen natürlich noch gar nicht existieren.
Muss ich da was an den Einstellungen ändern?
Nein. Du musst nur dafür sorgen, dass du beim Einbinden der CSS-Datei den korrekten Pfad angibst, damit die Datei auch gefunden wird.
(Warum man VS Code für die Erstellung von HTML/CSS benötigt? Dafür reicht ein einfacher Texteditor wie Notepad++)
Es besteht kein Tipp Fehler hab Bilder Hinzugefügt, wie gesagt bei Kollegen klappt alles allerdings nur nicht bei mir ich weiß nicht ob ich was anders habe weil der Code ist ja nicht Falsch wenn er geht nur bei mir nicht richtig angezeigt wird.
- Cache Problem -> Seite ohne Cache neu laden (glaube ich nicht, wenn du verschiedene Browser probiert hast)
- CSS wird nicht richtig geladen -> Network Tools checken und dort auch prüfen ob die aktuelle Datei geladen wird
- du arbeitest in der falschen Datei oder speicherst die Datei nicht (passiert öfter als man glaubt)
- Dein CSS ist doch falsch, dein Kollege hat irgendwo eine andere Klasse, du hast zusätzliches CSS was die Regeln überschreiben oder ähnliches
- du arbeitest mit irgendeinem tooling was dein css nicht richtig verarbeitet
Screenshots, Code Snippets usw könnten helfen bessere Antworten zu bekommen.
Dann ist davon auszugehen dass dein Code fehlerhaft ist. Aber ohne ihn zu kennen, bleibt nur raten.
Das muss nicht heißen dass der Code den Du gerade hinzufügst/modifizierst den Fehler aufweist. Ein Fehler in den Zeilen darüber kann dazu führen, dass der darauf folgende Code nicht mehr interpretiert werden kann. Zum Beispiel wenn Klammern falsch gesetzt wurden oder eine Definition nicht mit Semikolon abgeschlossen wurde.
Habe Bilder hinzugefügt, der Code kann ja nicht Falsch sein wenn der bei Kollegen funktioniert aber bei mir nicht oder?
wäre der code fehlerhaft, würde es bei anderen nicht funktionieren. das ist ein simples caching problem vom browser. die Änderung wird nicht sichtbar, weil chrome etc. noch die alten Werte im cache hat.
Du verstehst es nicht oder 🤦🏼♂️ Deine header bringen dem fs gar nichts.
drück mal Shift+F5 oder Strg+F5.
Chrome speichert gewisse Einstellungen/Ressourcen im Cache. Um diesen zu umgehen, verwende die genannten Kombinationen.
hier nochmal ein tipp um das caching permanent zu umgehen: https://stackoverflow.com/questions/12992717/how-to-prevent-css-caching-on-a-web-page
(1) Doch habe mehrere Browser ausprobiert keiner zeigt eine farbänderung an
weshalb ich ja auch denke das ich irgendwas eingestellt habe oder so wovon ich nichts weiß. Habe Bilder hinzugefügt.