css僞類選擇器

時間 2019-11-09

標籤 css 選擇器欄目 CSS 简体版

原文原文鏈接

咱們在寫css的時候會常常使用僞類選擇器，僞類選擇器就是經過css選擇器加上冒號和僞類名構成的。可能有些僞類選擇器你已經見過了，好比說a:hover這樣的選擇器。css

在大多狀況下，僞類選擇器是很是有用的。其中css2 和css3 都支持僞類選擇器，只是相對來講，css2支持的可能比css3的少，除了ie瀏覽器外，其餘大部分瀏覽器都支持僞類選擇器，在ie瀏覽器中，包括ie8也是支持少許的僞類選擇器的。ie9 及以上瀏覽器，基本上支持全部的僞類選擇器，下面，讓咱們看看全部的僞類選擇器。固然，僞類選擇器並無那麼多。html

鏈接的僞類選擇器

鏈接的僞類選擇器包括如下幾個（:link、:visited 、:hover 、:active）css3

:link 這個選擇器也許是最容易引發混淆的一個鏈接的僞類選擇器，不是全部的<a>都是鏈接麼？可是並非這樣的，這個僞類選擇器只選擇那些沒有添加href屬性的a標籤的，這樣看來這個僞類選擇器是否是就和[href]這個選擇器很類似。瀏覽器

:visited 這個選擇器選擇那些在當前瀏覽器中那些經過本a標籤進入過的地址的標籤。spa

:hover 這個就不用說了，這個你們用的很廣的，這個僞類選擇器選擇那些經過鼠標懸停狀態下的鏈接。htm

:active 這個僞類選擇器選擇那些，鼠標左鍵按下，可是未彈起狀態下的標籤。一樣，這個僞類在h5中選擇那些按鈕按下的狀態。事件

input標籤和鏈接的僞類選擇器

這個包括比較多，下面咱們來一一介紹。get

:focus 對於鏈接來講:hover這個僞類是很是有用的，可是他不可以選擇那些獲取焦點狀態下的元素（什麼是獲取焦點，獲取焦點就是咱們可以經過鍵盤來進行操做，好比說，input，個人能夠經過鍵盤輸入，這種狀態就是獲取焦點的狀態;按鈕，咱們可以經過enter來觸發事件這個狀態就是咱們給按鈕獲取了焦點，對於a標籤來講，若是獲取焦點了，咱們就可以經過enter來觸發他的鏈接事件。）。所一說，:focus僞類是選擇那些當前在焦點狀態下的元素。input

:target target這個僞類選擇器應該結合着標籤的id進行使用，或者是與當前鏈接中的的hash進行匹配的id。hash

:enabled 這個選擇那些可使用的input標籤，其中可使用包括enabled和ready這兩中屬性的input標籤。

:disabled 這個選擇器選擇那個有disabled屬性的input標籤，部分瀏覽器，會把input:disabled標籤變成灰色，因此咱們在寫css的時候須要控制瀏覽器的默認狀態。

:checked 這個僞類選擇器選擇input[type="checkbox"],input[type="radio"]的選中狀態。

:indeterminate 這個選擇器選擇radio按鈕沒有被選擇而且加加載時候沒有進行默認設置的狀態。這個可能比較不太好理解。