CSS toggled是一個非常實用的工具，它可以讓你輕松地在HTML中開啟和關閉CSS風格。使用CSS toggled，你可以在一個頁面中編寫不同的CSS風格，并讓用戶選擇他們偏好的風格。

要使用CSS toggled，你需要在HTML中添加一個checkbox元素，然后使用CSS來控制該元素的checked狀態。當checkbox被選中時，頁面將使用一個CSS風格，否則頁面將使用另一個CSS風格。

<input type="checkbox" id="toggle">
<label for="toggle">Toggle CSS</label>
<style>
#toggle:checked + .toggled {
color: red;
}
#toggle:not(:checked) + .toggled {
color: blue;
}
</style>
<p class="toggled">This text will be red/blue depending on the state of the toggle.</p>

在上面的代碼中，我們創建了一個checkbox元素，并使用元素來定義一個標簽。我們使用CSS控制了checkbox的checked狀態所應用的樣式和未選中狀態應用的樣式。

最后，我們將一個

元素標記為“toggled”，表示這個元素應該根據checkbox的狀態而改變其CSS樣式。

總之，CSS toggled是一種非常有用的工具，可以幫助你管理多個CSS風格，并允許用戶選擇他們偏好的風格。