CSS Changes not changing in the website.

[Andy Findlay]

Hello,
I've been using the developer tools and getting good use from them.
Today for some reason when I make the changes to the CSS of my website in the right panel (Matched CSS Rules)  the changes are not processed to the website.
They do change, however, when I open the full stylesheet on the left of the page and change in the stylesheet. Only seems to be a problem in the right panel. It does work with other websites, just not mine.
Cannot figure out WTF is going on.. perhaps a JS file is bugging it up..???
Any help will be much appreciated..
cheers
Andy

[Vsevolod Vlasov]

Could you please provide an URL of your site and describe which style does not change?

Could you please provide your browser version also?

Thank you

--
Thank you,

Vsevolod Vlasov (vse...@google.com)

[shery...@gmail.com]

Hi there,

I have the exactly same problem and any changes to CSS only take effect when I apply the changes to the full stylesheet. Will find out version number later. (It only happens to one of my two laptops. The other one is working fine... )

[Tchai8]

Hello,
I'm using google fonts and my letter-spacing: -0.8px (which works in all
other browsers) doesnt work in Chrome, unless I change it to -1px in
which case the letter spacing is too close.
Is there a way to have these fonts display in increments of less than 1px?
thanks..!

[sto...@gmail.com]

Go to amazon.com and inspect the left navigation menu. Try to deselect any of the circled rules in the picture, and nothing will happen.

Chrome Version 22.0.1229.92 m

[sto...@gmail.com]

It appears as though this happens when there is invalid css. Lint the css file and remove errors and this should be resolved.

[Adam Plante]

A co-worker of mine encountered this. It was definitely caused by invalid CSS. In this case url attributes in background rules caused the issue. CSS was pasted in that had background rules. In the rules, "url()" was used with the intention of putting the paths in later. This seemed to confuse the inspector. Chrome won't report it as an error, and the W3C CSS validator didn't report it as an issue either. In this case, he just removed the "url()" form the rule all together and it began working as expected. Hope this helps someone else.

[Vsevolod Vlasov]

This is a known https://code.google.com/p/chromium/issues/detail?id=84605 issue. We might want to reconsider and finally fix it.

On Tue, Oct 16, 2012 at 11:10 PM, Adam Plante <apl...@allwebcafe.com> wrote:

A co-worker of mine encountered this. It was definitely caused by invalid CSS. In this case url attributes in background rules caused the issue. CSS was pasted in that had background rules. In the rules, "url()" was used with the intention of putting the paths in later. This seemed to confuse the inspector. Chrome won't report it as an error, and the W3C CSS validator didn't report it as an issue either. In this case, he just removed the "url()" form the rule all together and it began working as expected. Hope this helps someone else.

[neil.yo...@gmail.com]

Thanks Adam. We implemented an empty background url on paragraph and heading tags to fix an issue with width sizing on Android devices. We then could not work out why we could no longer inspect any elements!

We are just commenting them out for now!

[PhistucK]

Thank you for your post, I have added the buggy behavior and fix to the WebPlatformDocs article for <p> -

http://docs.webplatform.org/wiki/html/elements/p

☆PhistucK

[dbdawn...@gmail.com]

THANK YOU! 

[dw...@forio.com]

This also occurs when an ::-ms-clear selector is inside a media query

[Vsevolod Vlasov]

I can not reproduce this with  ::-ms-clear . 

Would you mind filing a bug on http://crbug.com/new providing some more details (a reduced test case would be the best)?