常見的偽類選擇器有哪些
偽類選擇器是CSS中的一種特殊選擇器，它允許我們針對(duì)某些不具備常規(guī)元素特性的元素進(jìn)行樣式設(shè)置，偽類選擇器有以下幾種常見的類型：
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)十多年經(jīng)驗(yàn)成就非凡，專業(yè)從事成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站，成都網(wǎng)頁設(shè)計(jì)，成都網(wǎng)頁制作，軟文發(fā)稿，廣告投放平臺(tái)等。十多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：13518219792，我們期待您的來電！
1. 鏈接偽類選擇器(:link)
當(dāng)鏈接處于未點(diǎn)擊狀態(tài)時(shí)，應(yīng)用此偽類選擇器的樣式，可以設(shè)置未訪問過的鏈接為藍(lán)色。
a:link {
color: blue;
}
2. 鏈接偽類選擇器(:visited)
當(dāng)鏈接被訪問過時(shí)，應(yīng)用此偽類選擇器的樣式，可以設(shè)置訪問過的鏈接為紫色。
a:visited {
color: purple;
}
3. 鼠標(biāo)懸停偽類選擇器(:hover)
當(dāng)鼠標(biāo)指針懸浮在元素上時(shí)，應(yīng)用此偽類選擇器的樣式，可以設(shè)置鼠標(biāo)懸停時(shí)的背景顏色變?yōu)辄S色。
a:hover {
background-color: yellow;
}
4. 激活偽類選擇器(:active)
當(dāng)元素被激活(如按鈕被按下)時(shí)，應(yīng)用此偽類選擇器的樣式，可以設(shè)置激活狀態(tài)下的按鈕邊框變?yōu)榫G色。
button:active {
border: 2px solid green;
}
5. 焦點(diǎn)偽類選擇器(:focus)
當(dāng)元素獲得焦點(diǎn)時(shí)，應(yīng)用此偽類選擇器的樣式，可以設(shè)置輸入框獲得焦點(diǎn)時(shí)的邊框變?yōu)樗{(lán)色。
input:focus {
border: 2px solid blue;
}
6. 模糊偽類選擇器(:focus-within)
當(dāng)一個(gè)元素內(nèi)部的所有子元素都獲得焦點(diǎn)時(shí)，應(yīng)用此偽類選擇器的樣式，可以設(shè)置一個(gè)包含輸入框和按鈕的容器在子元素獲得焦點(diǎn)時(shí)，邊框變?yōu)榧t色。
div:focus-within {
border: 2px solid red;
}
7. 鍵盤按下偽類選擇器(:keydown)
當(dāng)用戶按下鍵盤上的某個(gè)鍵時(shí)，觸發(fā)此偽類選擇器并執(zhí)行相應(yīng)的操作，可以在按下回車鍵時(shí)提交表單。
form:keydown(enter) {
submit();
}
8. 鍵盤松開偽類選擇器(:keyup)
當(dāng)用戶松開鍵盤上的某個(gè)鍵時(shí)，觸發(fā)此偽類選擇器并執(zhí)行相應(yīng)的操作，可以在松開回車鍵時(shí)阻止表單提交。
form:keyup(enter) {
return false;
}
9. 點(diǎn)擊偽類選擇器(:click)
當(dāng)元素被點(diǎn)擊時(shí)，觸發(fā)此偽類選擇器并執(zhí)行相應(yīng)的操作，可以在點(diǎn)擊按鈕時(shí)彈出提示框。
button:click {
alert('按鈕被點(diǎn)擊了！');
}
當(dāng)前題目：常見的偽類選擇器有哪些
文章源于：http://www.jiaotiyi.com/article/djdhdcg.html