CSS的rel切換是指根據不同的用戶行為來切換不同的CSS樣式。這在網頁設計中非常常見，可以幫助網頁設計師實現更好的用戶體驗。

/* 定義被選中鏈接的默認樣式 */
a {
color: #000;
text-decoration: underline;
}
/* 當鼠標懸浮在鏈接上時，修改樣式 */
a:hover {
color: #f00;
text-decoration: none;
}
/* 當鏈接被點擊時，修改樣式 */
a:active {
color: #00f;
text-decoration: none;
}

上述代碼中，我們定義了a標簽的默認樣式，包括鏈接顏色和下劃線。當用戶鼠標懸浮在鏈接上時，我們使用:hover偽類修改a標簽的樣式，更改鏈接顏色和去除下劃線。當用戶點擊鏈接時，使用:active偽類進一步修改樣式，改變鏈接顏色。

需要注意的是，:active偽類只在鏈接被點擊的瞬間短暫生效，如果需要長久地改變樣式，需要使用JavaScript等其他方法實現。

在實際使用中，我們可以根據不同的交互行為使用不同的rel值，例如在a標簽中使用rel="external"表示鏈接會在新的頁面中打開，通過不同的rel屬性值，我們可以實現更多定制化的樣式切換效果。