CSS是前端開發中非常重要的一部分，在開發中，我們常常需要設置選取狀態以改變元素的樣式。選取狀態是指當用戶選中或懸停在某個元素上時，該元素的樣式發生變化。

/*用:hover偽類設置懸停狀態*/
a:hover {
color: red;
text-decoration: underline;
}
/*用:focus偽類設置選取狀態*/
input:focus {
outline: none;
border: 2px solid blue;
}
/*用:active偽類設置激活狀態*/
button:active {
background-color: gray;
}

上述代碼中，我們使用了三種偽類來設置選取狀態。首先，我們使用:hover設置懸停狀態。當用戶懸停在某個鏈接上時，鏈接的顏色將變為紅色、下劃線。其次，我們使用:focus設置選取狀態。當用戶點擊一個輸入框時，輸入框的外邊框將變為藍色，并且去掉默認的外邊框。如果沒有去掉默認的外邊框，可能會讓我們的頁面看起來不太美觀。最后，我們使用:active偽類設置激活狀態。當用戶點擊一個按鈕時，按鈕的背景色將變為灰色。這一狀態通常只持續很短時間，當用戶松開鼠標或手指后，按鈕的背景色將還原為默認值。

通過設置選取狀態，我們可以使網頁更加美觀和具有交互性。不同的選取狀態可以幫助用戶更好地理解頁面，同時也可以讓我們的頁面更加有活力。