偽類選擇器是CSS中的一種很常用的選擇器類型。它可以幫助我們控制特定狀態下的HTML元素,例如當鼠標懸停在元素上時,或當元素處于選中狀態時。下面是一些常見的偽類選擇器:
:active - 選擇被激活的元素 :checked - 選擇被選中的表單元素 :focus - 選擇獲得焦點的元素 :hover - 選擇鼠標懸停在上面的元素 :link - 選擇所有未被訪問的鏈接 :visited - 選擇所有已被訪問的鏈接
使用偽類選擇器非常簡單。只需在CSS規則中加上偽類名稱即可。
a:link { color: blue; } a:hover { color: red; }
上面的代碼將所有未被訪問的鏈接文本顏色設置為藍色,同時將鼠標懸停在鏈接上時的文本顏色設置為紅色。
有些偽類選擇器還帶有參數。例如,:nth-child()
選擇器可以選擇指定位置的特定元素。
li:nth-child(2) { color: red; }
上面的代碼將列表中第二個
使用偽類選擇器可以為HTML元素添加一些交互效果,增強用戶體驗。