今天我們來談論一下如何判斷頁面是否修改了 CSS 樣式。這個問題在前端開發中非常重要，因為我們經常需要檢查我們所做的更改是否生效。

第一種方法是使用瀏覽器開發者工具（Developer Tools）。我們可以使用開發者工具來查看當前樣式表的內容并確認是否有修改。例如，在 Chrome 中可以按下 F12 打開開發者工具。在 Elements 面板中，我們可以選擇這個頁面中的任意元素，然后在 Styles 面板中查看它應用的所有 CSS 樣式。如果我們修改了某個樣式，那么這里應該會顯示我們修改后的值。

/* 以下是一個例子 */ 
body {
font-size: 16px;
}
/* 更改后的樣式 */
body {
font-size: 18px;
}

第二種方法是使用瀏覽器插件或擴展程序。有許多瀏覽器插件或擴展程序可以幫助我們在頁面上標記 CSS 樣式的更改處。這樣一來我們就可以輕松地比較修改前后的效果。例如，Chrome 中的 CSS Peeper 就可以完成這個任務。

好了，判斷頁面是否修改了 CSS 樣式，其實也不是很難。只要我們掌握了對應的方法，就可以輕松愉悅地工作了。