在網(wǎng)站開發(fā)中，經(jīng)常需要更新頁面的樣式，但有時候我們發(fā)現(xiàn)修改了 CSS 文件，刷新頁面后并沒有看到效果，這就是因為瀏覽器中存在緩存。那么該如何解決 CSS 緩存問題呢？以下是幾種解決辦法：

一、在 CSS 文件名后面添加版本號。

<link rel="stylesheet" href="style.css?v=1.0">

每次修改 CSS 文件后將版本號加一，這樣瀏覽器會重新請求該文件。這種方法的優(yōu)點(diǎn)是簡單易行，缺點(diǎn)是需要手動修改版本號。

二、使用 md5 值作為版本號。

<link rel="stylesheet" href="style.3d5f05d1.css">

使用 md5 算法計算 CSS 文件的內(nèi)容，將結(jié)果作為版本號。這樣每次修改文件，版本號都會自動更新。這種方法的缺點(diǎn)是需要使用程序自動生成版本號的方法。

三、在服務(wù)器端設(shè)置響應(yīng)頭。

# Apache
<FilesMatch "\.css$">
Header set Cache-Control "max-age=0, private, must-revalidate"
</FilesMatch>
# Nginx
location ~* \.(css)$ {
expires 0;
add_header Cache-Control "max-age=0, private, must-revalidate";
}

通過設(shè)置響應(yīng)頭使瀏覽器不緩存文件，每次請求文件都從服務(wù)器獲取。這種方法的優(yōu)點(diǎn)是全局生效，無需修改 HTML 或 CSS 文件，缺點(diǎn)是需要在服務(wù)器端進(jìn)行設(shè)置。

總之，解決 CSS 緩存問題有多種方法，可以根據(jù)實(shí)際情況選擇適合自己項目的方案。