CSS3偽類選擇器是CSS3中的一種選擇器集合,它們可以根據(jù)元素的特定狀態(tài)來選擇和樣式化元素。下面介紹一些常見的CSS3偽類選擇器。
/* :hover偽類選擇器 */ a:hover { color: red; } /* :active偽類選擇器 */ a:active { color: blue; } /* :link偽類選擇器 */ a:link { color: green; } /* :visited偽類選擇器 */ a:visited { color: purple; } /* :first-child偽類選擇器 */ p:first-child { font-weight: bold; } /* :last-child偽類選擇器 */ p:last-child { font-style: italic; } /* :nth-child偽類選擇器 */ li:nth-child(even) { background-color: #f2f2f2; } /* :checked偽類選擇器 */ input[type=radio]:checked+label { font-weight: bold; }
:hover偽類選擇器用于在鼠標(biāo)懸停在元素上時應(yīng)用樣式,:active偽類選擇器用于在元素被點擊時應(yīng)用樣式,:link偽類選擇器用于選擇未被訪問過的鏈接,:visited偽類選擇器用于選擇曾被訪問過的鏈接。
:first-child偽類選擇器選擇某個元素的第一個子元素,:last-child偽類選擇器用于選擇某個元素的最后一個子元素,:nth-child偽類選擇器可用于選擇某個元素的特定子元素。
:checked偽類選擇器用于選擇已被選中的單選框或復(fù)選框,通常結(jié)合+選擇器使用,用于選擇選中單選框或復(fù)選框后的元素,如標(biāo)簽。