CSS是網頁設計中必不可少的一部分，可以通過它給網頁添加樣式和布局。而在CSS的編寫過程中，class選擇器經常被用來選擇一類元素，并對其進行樣式的設置。但是，在開發過程中可能會遇到需要替換class的需求。

/* 原本的樣式 */
.my-btn {
color: #fff;
background-color: #007bff;
border-color: #007bff;
padding: 10px;
border-radius: 3px;
}
/* 需要替換為另一種樣式 */
.new-btn {
color: #000;
background-color: #fff;
border-color: #000;
padding: 8px;
border-radius: 5px;
}

為了實現樣式的替換，我們可以使用JavaScript來動態地添加或刪除class。這樣，我們就可以快速地將原始樣式替換為需要的樣式。

// 獲取目標元素
var btn = document.getElementById("my-button");
// 將原先的 my-btn 替換為 new-btn
btn.classList.remove("my-btn");
btn.classList.add("new-btn");

通過這樣的操作，我們可以達到替換class的效果，而不需要每次都重寫一遍樣式。這不僅能減少代碼的冗余，而且還可以為網頁的性能提升一份貢獻。