"focus-within" 是一個(gè) CSS 偽類，它用于選擇器中，表示當(dāng)元素本身或其子元素獲得焦點(diǎn)時(shí)，應(yīng)用相應(yīng)的樣式。這對(duì)于創(chuàng)建響應(yīng)式的表單元格、按鈕等非常有用。在馬鞍山（Mountains）中，您可以使用 "focus-within" 來(lái)創(chuàng)建更靈活和用戶友好的界面。

下面是一個(gè)簡(jiǎn)單的例子，展示了如何在 Mountains 項(xiàng)目中使用 "focus-within"：

```html


















```

在這個(gè)例子中，我們有兩個(gè)容器（`.container`），每個(gè)容器都有一個(gè)輸入框（`input[type="text"]"`）。我們?yōu)檩斎肟蛟O(shè)置了基本的樣式，并為當(dāng)輸入框獲得焦點(diǎn)時(shí)設(shè)置了不同的邊框顏色。我們還為容器本身設(shè)置了 "focus-within"，這樣當(dāng)容器內(nèi)的輸入框獲得焦點(diǎn)時(shí)，容器的邊框顏色也會(huì)改變。

在實(shí)際項(xiàng)目中，您可以根據(jù)需要更進(jìn)一步地定制這些樣式。例如，您可以為不同的狀態(tài)（如錯(cuò)誤、成功等）添加不同的顏色，或者創(chuàng)建更復(fù)雜的樣式表以適應(yīng)不同的設(shè)計(jì)需求。

請(qǐng)注意，"focus-within" 是一個(gè)較新的 CSS 特性，可能不是所有的瀏覽器都完全支持。在生產(chǎn)環(huán)境中，您可能需要考慮使用 polyfill 或者 feature queries 來(lái)確保兼容性。