偽類選擇器(pseudo-class selector)是 CSS 中一類選擇器,它們可以選中 HTML 中某些狀態(如 hover、active、visited等)下的元素,從而改變元素的樣式。
偽類選擇器的語法以冒號(:)開頭,后面跟上偽類的名稱。例如,以下是用于:hover偽類選擇器的示例:
a:hover { color: red; text-decoration: none; }
上面的代碼會在鼠標懸浮在鏈接上時改變鏈接的顏色和文本修飾。
除了:hover偽類選擇器外,還有許多其他常見的偽類選擇器,如:focus、:active、:visited、:first-child等。例如,以下是使用:first-child偽類選擇器選擇第一個子元素的示例:
li:first-child { color: red; }
上面的代碼會將列表中的第一個 li 元素的文本顏色改為紅色。
最后需要注意的是,偽類選擇器只能用于選擇元素的某個狀態,而不能選擇其它屬性或者值。
上一篇箭頭按鈕的css樣式
下一篇管理系統表格css