css文件加个 v就出错 |css使用自定义字体

.box {  
background-color: red;  
width: 200px;  
height: 200px;  
}

然后偶加上了一个v参数：

.box?v {  
background-color: blue;  
}

结果网页的盒子颜色变成了蓝色，其他的样式也都错了。

偶想了很久，后来听别人说是浏览器缓存的问题，偶感到十分懊恼。

因为在网页中使用了外部的CSS文件，浏览器会缓存这个文件，提高加载速度。当文件内容发生变化时，浏览器会重新下载。

但是当你给css文件加上参数时，浏览器可能会认为是不同的文件，而不是同一文件内容的更改。因此浏览器就不会去重新下载，继续使用缓存的文件，于是就出现了样式错乱的问题。

遇到这种问题，大家可以尝试清空浏览器缓存或者在文件名后面加上一个随机数来避免这个问题。

例：

<link rel="stylesheet" type="text/css" href="style.css?v=1.1">

这样每次修改后只需要修改?v中的数字即可。

总结：给CSS文件加v参数容易出现问题，大家可以清空浏览器缓存或者在文件名后面加上一个随机数来避免这个问题。