CSS中經常會遇到緩存導致樣式不更新的問題，因為瀏覽器會緩存CSS文件來提高頁面加載速度，導致頁面修改后沒有立刻生效。這時候我們可以通過在CSS文件后面加上隨機數的方式來避免瀏覽器緩存問題。

<link rel="stylesheet" href="style.css?v=隨機數">
<script>
var randomNum = Math.random().toString(36).substr(2);  // 生成8位隨機數
document.getElementById("random").innerHTML = randomNum;  // 將隨機數填入HTML中
</script>

以上代碼通過JavaScript生成一個8位的隨機數，并將該隨機數填入HTML中，讓CSS文件中的隨機數不斷變化。如此一來，每一次請求CSS文件時，都會攜帶不同的隨機數，瀏覽器就不能從緩存中讀取舊的CSS文件，而必須重新向服務器請求新的CSS文件，這樣即可避免CSS文件緩存的問題。

當然，也可以通過修改版本號的方式來解決CSS文件緩存的問題，如：

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

每一次更新時，將版本號+1，瀏覽器就會把緩存中的舊文件作為新文件下載，但是這樣會增加大量的手動操作，不太實用。所以，使用隨機數來避免CSS文件緩存的問題更為靈活有效。