在網站設計中，切換效果是非常常見的，例如圖片輪播、tab切換、導航菜單等等。而這些效果可以通過JavaScript和CSS來實現。那么問題來了，CSS是否可以控制點擊切換？答案是肯定的，CSS完全可以實現點擊切換效果。

//HTML結構
<div class="tab"><ul class="tab-nav"><li>標簽1</li><li>標簽2</li><li>標簽3</li></ul><div class="tab-con"><div>內容1</div><div>內容2</div><div>內容3</div></div></div>//CSS樣式
.tab-con > div{
display:none;
}
.tab-con > div.active{
display:block;
}

以上是一個簡單的tab切換效果的HTML結構和CSS樣式，我們可以看到通過添加和刪除類名來實現切換效果。那么怎么實現點擊切換呢？

//CSS樣式
.tab-nav li.active{
color: #f00;
}

我們只需要在點擊標簽的時候通過JavaScript來給當前標簽添加一個active類名，并移除其他標簽的active類名，同時將對應的內容塊添加active類名，而其他內容塊移除active類名，就能實現點擊切換的效果了。CSS則負責控制active類名的樣式。