避免 CSS 樣式污染是指使用相同的 CSS 樣式代碼，導致不同的 HTML 頁面之間的樣式外觀一致，但功能卻不同的現象。這種現象會給用戶帶來不必要的困擾，同時也會增加開發和維護成本。

以下是一些避免 CSS 樣式污染的方法：

1. 使用 CSS 變量：通過定義 CSS 變量，可以在不改變 HTML 代碼的情況下，改變頁面的外觀。例如，定義一個顏色變量，可以在頁面的不同部分使用不同的顏色。

2. 使用偽元素：使用偽元素可以讓 HTML 頁面更加靈活，同時避免重復的樣式代碼。例如，可以使用表單元素中的 input 元素來定義輸入框的樣式，而不是在表單元素中使用相同的樣式。

3. 使用 CSS 文件：將 CSS 樣式代碼保存為一個單獨的 CSS 文件，而不是在 HTML 頁面中使用相同的樣式代碼。這樣可以避免樣式污染，同時也可以提高文件的壓縮率和傳輸速度。

4. 使用樣式分離：將 CSS 樣式和 HTML 頁面分開，避免在 HTML 頁面中使用相同的樣式代碼?？梢允褂每蚣芑驇靵韺崿F樣式分離，例如 React 和 Vue 都有自己的樣式系統。

5. 使用瀏覽器緩存：瀏覽器會自動緩存 HTML 頁面和 CSS 樣式，如果頻繁修改頁面，可以清除瀏覽器緩存或使用按需加載技術，讓瀏覽器重新加載最新的樣式。

避免 CSS 樣式污染可以提高代碼的可讀性和可維護性，同時也可以減少開發和維護成本。通過使用不同的樣式代碼，可以創建更加美觀和靈活的網頁。