在前端開發中，樣式優化是非常重要的一環。一個頁面中可能包含大量的CSS樣式，這些樣式往往會存在重復，這不僅影響頁面加載速度，也會增加樣式表的大小。
一、去重
我們可以使用一些工具和技巧來去重CSS樣式。首先，我們可以使用CSS預處理器，如LESS和SASS，它們可以幫助我們寫出更加優化的CSS樣式。其次，我們可以通過使用同一個CSS類名來合并相同樣式。
例如，頁面中有多個按鈕，它們的樣式設置完全相同，那么我們可以將這些按鈕全部添加同一個class，然后在CSS樣式表中只寫一次即可，這樣就可以減少CSS樣式的重復。
.button{
background: #333;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}
Button1
Button2
以上代碼實現了多個按鈕的樣式共用。
二、優化
我們還可以通過簡化CSS代碼來優化頁面加載速度。首先，我們可以使用縮寫屬性，將多個屬性集合在一起，如：
margin: 10px 20px 10px 20px;
可以簡寫為：
margin: 10px 20px;
其次，我們可以減少無用的CSS樣式。例如，我們僅需要在特定的頁面或瀏覽器版本中加載某些樣式，那么我們可以通過JavaScript的判斷來動態地插入CSS樣式表，這樣可以避免某些沒有必要的樣式被全局加載。
最后，我們可以使用CSS壓縮工具，將CSS樣式表中的空格、注釋等無用信息全部去除，這樣可以減少CSS文件的大小，從而加快頁面加載速度。
總之，去重優化CSS樣式是前端開發中不可避免的一個問題。只有通過不斷的學習與實踐，我們才能寫出更加高效的CSS樣式表，從而優化頁面加載速度，提高用戶體驗。