css失效问题

头一天写的好好的文件,今天突然css样式不起作用了,毫无头绪,甚至想不出应该怎么找问题.

可能的情况,覆盖?bootstrap的覆盖了自定义的?但是设置了important也没有用.那么就不是覆盖的问题

可能是没有引用到?路径不对?如果故意修改文件名,会报错,那么也不是没有引用到的问题

那是什么原因呢?看起来,又像是覆盖的问题,加入行内样式是没问题的.

查看调试工具,发现对于'style.css'的response点开没有居然没有内容

the request has no response data available

这可奇怪了.

难道是style.css文件名有问题?新建一个mystyle.css,发现问题修复.

可是用火狐打开,链接仍旧是style.css也没有问题,那么也不是文件名称的问题

会是缓存问题吗?于是清除历史记录

关闭浏览器,然后重新打开,再次访问,居然意外的好了.

看来是谷歌的缓存问题.令人不解的是cmd+r刷新为啥没有用呢?

修改style.css中的代码,保存,刷新页面,更新后的样式不起作用,清除历史记录,解决问题.验证问题确实是因为缓存的缘故.

但是这很奇怪.

修改之后cmd+s保存,然后刷新,可以,问题是因为改完之后没有保存(前面改完以为保存了,其实没有保存),啊,真是愚蠢至极的错误.

修改css但不保存,刷新页面,发现

状态码是304,提示了未曾没修改,response也是有内容的,只是新改的没有保存,所以没有显示,获取的还是旧的

那么奇怪的是`the request has no response data available`这是什么原因呢?状态码是200,但是请求没有内容可以获取?

总结,css失效的可能的原因:

• 样式覆盖
• css文件引用路径错误
• 修改没有保存