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