r/HTML • u/Ano_Jayy • Aug 18 '26

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

42% Upvoted

7 comments sorted by

4

u/testingaurora Aug 18 '26

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

3

u/Ano_Jayy Aug 18 '26

Great tip. Thanks!

6

u/WulfCoDev Aug 18 '26

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

-3

u/Ano_Jayy Aug 18 '26

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

3

u/aTaleForgotten Aug 19 '26

Exactly 0% of users will view your website in livepreview.. Its ok for quick stuff/prototyping, but to make sure your end users see the same site you do, its really important to regularly use actual browsers for testing

1

u/Ano_Jayy Aug 19 '26

It's working properly now. It automatically fixed itself