Alessandro Berrini
Reputation: 1
Why Live Server doesn't preview my CSS from Visual Studio?
When I "Go Live" with Live Server (extension in Visual Studio), it provides a preview of only my plain HTML file. On the other hand, if I open my HTML file by searching it in the folder where both HTML and CSS are, then the page loads normally with the CSS instructions.
Does Live Server only work for HTML or am I doing something wrong?
Upvotes: 0
Views: 1023
Answers (1)
Ahmed Hammad
Reputation: 3095
Usually this is because you’re using absolute path for linking your css, for example: C:\Desktop\website\styles.css
If so, you should use relative path instead: .\styles.css
As Live Server cannot see any path on your computer other than the folder it is hosting.
Upvotes: 0
Related Questions
- Visual Studio Code Live Server looks great, but CSS doesn't load in browser
- Everything on my pages works fine on VScode's live server but not on local
- Contents on .html page and vscode live-server page appears differently
- SCSS file does not work on index.html live server
- div elements do not appear on live server in vscode
- index.html file doesn't show style when directly accessed through browser
- HTML can't load CSS when i clicked in directly but when I go live with VSCode it loads fine
- My visual studio live server extension doesn't function normally
- visual studio code will show images in live server but when I open directly into browser no images
- web project not functioning correctly in Visual Studio live server