CSS 切換代碼是一項非常重要的技能，它可以幫助網頁設計師在不同的條件下改變網頁的樣式。在這篇文章中，我們將探討如何編寫 CSS 切換代碼，并示范一些基本的示例。 首先，我們需要創建一個樣式表，并在其中定義切換的樣式。以下是一個簡單的樣式表的例子：

p {
color: black;
background-color: white;
}
p:hover {
color: white;
background-color: black;
}

這個樣式表中定義了一個段落的基本樣式為黑色文字和白色背景色。當用戶把鼠標懸停在段落上時，它將切換至白色文字和黑色背景色。 以上示例中，我們使用了 CSS 偽類 :hover，這個偽類將在用戶懸停在元素上時觸發。這種技術非常有用，可以通過簡單的 CSS 代碼來增強用戶體驗。 還有一種常見的 CSS 切換代碼是在按鈕上使用 JavaScript 來切換樣式。以下是一個基本的示例：

.btn {
background-color: white;
color: black;
border: 1px solid black;
}
.btn.clicked {
background-color: black;
color: white;
}

在這個示例中，我們定義了一個按鈕的樣式，它有一個白色背景和黑色文字以及黑色邊框。當用戶點擊按鈕時，我們可以使用 JavaScript 來添加 “clicked” 這個類到按鈕上，然后將按鈕的樣式切換為黑色背景和白色文字，以及無邊框的樣式。 這個示例中，我們使用了兩個連續的類來實現切換，先是 “.btn” 類，然后是 “.btn.clicked” 類。 通過這些基本的示例，您可以開始編寫您自己的 CSS 切換代碼。不斷練習和嘗試新的技術將幫助您更好地掌握這個技能。