使用 CSS 時(shí)，經(jīng)常會(huì)聽到焦點(diǎn)（focus）這個(gè)詞。那么什么是焦點(diǎn)呢？ 焦點(diǎn)指的是頁面元素在被選中時(shí)的狀態(tài)。當(dāng)我們使用鍵盤或鼠標(biāo)點(diǎn)擊頁面上的元素時(shí)，它們將獲得焦點(diǎn)。這是一個(gè)很重要的狀態(tài)，因?yàn)樗梢詭椭覀冏R(shí)別當(dāng)前頁面中哪個(gè)元素正在被使用。 在CSS中，我們可以利用:focus偽類選擇器來設(shè)置具有焦點(diǎn)時(shí)的樣式。下面是一個(gè)例子： pre { background: black; color: white; } pre:focus { background: white; color: black; } 在這個(gè)例子中，我們?cè)O(shè)置了一個(gè)pre元素的樣式，當(dāng)它被選中時(shí)，背景顏色變成白色，文字顏色變成黑色。這表示該元素已經(jīng)具有了焦點(diǎn)。 此外，我們可以結(jié)合:focus選擇器和tabindex屬性來讓一些不是默認(rèn)可以被選中的元素（如div、span等）也可以獲得焦點(diǎn)。代碼如下：div:focus { background: pink; } 在這個(gè)例子中，我們使用tabindex屬性將一個(gè)div元素設(shè)置為可以獲得焦點(diǎn)。當(dāng)它被選中時(shí)，背景顏色變成粉色。 總之，焦點(diǎn)是一個(gè)重要的概念，可以幫助我們識(shí)別當(dāng)前頁面中哪個(gè)元素需要操作。在CSS中，我們可以利用:focus偽類選擇器來設(shè)置具有焦點(diǎn)時(shí)的樣式。