CSS樣式如何屏蔽？ 有時候我們會需要將某些 CSS 樣式屏蔽掉，這有助于 debug 和查錯。以下是一些方法可以幫助你屏蔽掉樣式。 1. 通過添加 CSS 屬性 text-align:unset 屏蔽樣式 這是一種簡單的方法，通過將樣式指定為 unset，瀏覽器將重置該屬性。例如，我們想要屏蔽一個 div 元素的樣式： `````` 我們可以這樣來屏蔽掉樣式： ``` .example { text-align: unset; } ``` 2. 使用 !important 屬性 !important 是優先級最高的CSS選擇器。我們可以在要屏蔽的樣式后面加上 !important，這將覆蓋掉之前的樣式。 例如，我們想要屏蔽一個 p 元素的顏色樣式： ```

Example text

``` 我們可以這樣來屏蔽掉樣式： ``` .example { color: unset !important; } ``` 3. 通過樣式重寫屏蔽樣式 如果一個頁面上有多個 CSS 文件同時應用于同一個元素，可以通過在同一文件的下方重新定義樣式來屏蔽之前的樣式。例如： `````` 假設 style1.css 的一部分代碼如下： ``` .example { color: red; font-size: 24px; } ``` 現在我們想要屏蔽顏色和字體大小的樣式，我們可以在下方的 style2.css 文件中重新定義相同的類名，并重新設置樣式： ``` .example { color: unset; font-size: unset; } ``` 這將屏蔽掉之前的樣式。 總結 以上是屏蔽 CSS 樣式的一些方法，每種方法都有它自己適用的場景。在實際的開發中，需要根據實際情況選擇合適的方法。