在 CSS3 中,選擇器是一種模式,用于選擇需要添加樣式的元素。
先來(lái)了解一下css3選擇器的分類? css3選擇器包括五種選擇器(1.基本選擇器 2.層次選擇器 3.偽類選擇器 4.偽元素5.屬性選擇器),偽類選擇器簡(jiǎn)單來(lái)說(shuō)就是同一個(gè)標(biāo)簽,根據(jù)其不同的種狀態(tài),有不同的樣式,這就叫做“偽類”。偽類用冒號(hào)來(lái)表示,偽類選擇器分為兩種,一種是靜態(tài)偽類,只能用于超鏈接的樣式,一種是動(dòng)態(tài)偽類,針對(duì)所有標(biāo)簽都適用的樣式。
先來(lái)認(rèn)識(shí)一下靜態(tài)偽類,它只能用于超鏈接a標(biāo)簽,a標(biāo)簽有四種偽類
:link? ? ?設(shè)置超鏈接a在未被訪問(wèn)前的樣式
:visited? 設(shè)置超鏈接a在其鏈接地址以被訪問(wèn)過(guò)時(shí)的樣式
:hover? 設(shè)置鼠標(biāo)懸停時(shí)的樣式
:active? 設(shè)置鼠標(biāo)激活狀態(tài)的樣式
還有一種是動(dòng)態(tài)偽類,適用于所有標(biāo)簽。
:hover?“懸?!保菏髽?biāo)放到標(biāo)簽上的時(shí)候
:active?“激活”: 鼠標(biāo)點(diǎn)擊標(biāo)簽,但是不松手時(shí)。
:focus?是某個(gè)標(biāo)簽獲得焦點(diǎn)時(shí)的樣式(比如某個(gè)輸入框獲得焦點(diǎn))