CSS中的focus是一個非常重要的概念，它通常用來控制用戶輸入交互時的樣式變化。當(dāng)用戶點擊一個HTML元素（比如按鈕、鏈接、文本框）時，這個元素就會獲得focus。在CSS中，可以通過focus選擇器來為獲得focus的元素添加樣式。

:focus {
background: #f0f0f0;
color: #333;
border: 1px solid #ccc;
}

以上代碼將會讓獲得focus的元素背景變成灰色，文字顏色變成深灰色，以及邊框變成灰色。這樣可以很直觀地告訴用戶，當(dāng)前這個元素處于活動狀態(tài)。

除了以上基本樣式，我們還可以通過focus來控制更復(fù)雜的樣式變化。比如，當(dāng)用戶在文本框中輸入內(nèi)容時，我們可以通過focus選擇器來控制輸入框的樣式。

input[type="text"]:focus {
background: #fff;
color: #333;
border: 1px solid #0af;
box-shadow: 0 0 5px #0af;
}

以上代碼將會讓獲得focus的文本框背景變成白色，文字顏色變成深灰色，邊框變成藍(lán)色，同時還添加了一個藍(lán)色的陰影。這樣的樣式設(shè)置可以讓用戶感覺文本框更加互動，更加適合輸入。

總體來說，CSS中的focus選擇器可以讓我們更加細(xì)致地控制用戶輸入交互的樣式展示。在不同的情況下，我們可以通過focus選擇器來為不同的元素添加不同的樣式，從而讓用戶交互更加友好和直觀。