头一天写的好好的文件,今天突然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文件引用路径错误
- 修改没有保存