CODEWITHSUNDEEP
javascriptcssgoogle-chrome
coderk
coderk

Reputation: 71

Change made in developer tools remains after refreshing the page

I inspected an element on the webpage through Chrome dev tools. I added to the styling: "font-weight:normal". I didn't mean for it to be permanent but now the change won't go away. It remains after refreshing. So whenever I inspect the element, that element isn't bolded like it's supposed to be. But when I got to the actual file in my source code, there's no "font-weight:normal" code.

What's going on? Why is the change remaining? How can I revert changes?

Upvotes: 1

Views: 2638

Answers (3)

coderk
coderk

Reputation: 71

Problem resolved. I guess I had compiled my SCSS file into a CSS file where the "font-weight:normal" was saved. So when I was trying to change my SCSS file and didn't see changes in the webpage, I was confused. However, when I recompiled the SCSS file into CSS, I see that everything it working as it should and the browser reflects correct code changes as I recompile.

Upvotes: 1

Roko
Roko

Reputation: 1335

1) Try to open in a new tab and see if the changes stick

2) You are saying your source code doesn't reflect this change- make sure you the browser is loading the file you are editing (maybe you made a copy of it?)

Upvotes: 0

unicorn2
unicorn2

Reputation: 871

Try clearing your browser cache. And open and close your dev tools.

Upvotes: 1

Related Questions