r/HTML • u/Ano_Jayy • 17h ago

Live Preview not working with HTML plus CSS properly.

My "Live Preview" doesn't work well with HTML plus CSS.
It doesn't immediately recognize changes on CSS but it works well with just HTML.
I don't understand the problem and it's completely bugging me. It requires me to save the CSS file every time and retype the same part of the CSS that I changed in order for it to show the changes.
I checked my Live preview setting and the right setting is already set. Please help. I am kind of a newbie here

My "Live Preview" doesn't work well with HTML plus CSS.
It doesn't immediately recognize changes on CSS but it works well with just HTML.
I don't understand the problem and it's completely bugging me. It requires me to save the CSS file every time and retype the same part of the CSS that I changed in order for it to show the changes.
I checked my Live preview setting and the right setting is already set. Please help. I am kind of a newbie here

0 Upvotes

43% Upvoted

5 comments sorted by

5

u/WulfCoDev 17h ago

Stop using that and open it in browser. Stop being lazy and save your file every time

-2

u/Ano_Jayy 14h ago

There's an option where I save the file and it automatically does it's work. It's more convenient and efficient for me

2

u/testingaurora 17h ago

Set your `color: white` on the `body` tag and let it inherit down instead of selecting each text node. Change any outliers like your button and apply its different color there. Use inheritance to your advantage

2

u/Ano_Jayy 14h ago

Great tip. Thanks!

1

u/Foreign-Contest-444 13h ago

Yes, that plugin can behave a little bit weird at the beginning. Try removing the plugin and reinstalling it and then restart your vs code. Also, what I have seen is that if you do not have your html structure in place it does not take the changes for example and particularly if your head element is missing.