Question

css加载 为什么我需要刷新一次页面，浏览器才会加载我的css文件

一个html页面，我引用了两个css文件，一个是前端jquery mobile框架的css文件，一个是我自己编写的css文件，为什么总是只先加载第一个，我编写的需要刷新一次页面才能加载出来（通过F12发现加载的问题）

Answer 1

是不是有哪个脚本阻塞了CSS加载？你可以把CSS文件放到head标签的最上面（先于js）试试。另外，你的jQM框架的引用文件是使用了CDN还是本地文件？CDN的话可能是网络延迟太大造成的（谷歌的CDN最容易发生这样的问题）

追问

谢谢您的回答！
1、css文件都是在js前面的

2、jqm是引用本地文件

追答

你在F12的控制台里能看到你写的样式被加载了吗？还是说显示为红字？

对于CSS文件缓存的问题，有个小技巧，你每次改完CSS后在HTML文件里为其加上时间信息，这样每次都能获取最新文件。

例如：

<link rel="stylesheet" href="../css/style.css?v20150113">

上面 “?” 号后面的字符就是你自己定义的内容，这样浏览器解析页面时发现 ? 号后面的内容与当前本地缓存的css不同，就会把这个CSS文件当成新的文件来请求，而忽略缓存中原来的CSS文件。

Answer 2

应该可能是缓存问题 用ctrl + F5 刷新

Answer 3

首先这个是当然的，css文件是样式文件，不在服务器执行，也不像ajax那样可以异步执行，所以你改了css样式是必须要刷新才能看到的。其次，浏览器解析代码都是从上到下的顺序，写在前面的先解析。最后，如果是你的css不能加载进来，那有可能是缓存问题

追问

那缓存问题如何解决。。

追答

清除浏览器缓存咯

Answer 4

这个不应该吧，有网址的话发出来看看