偽類標簽 · css3

# a標簽的偽類 1.概念 a標簽可以根據用戶的不同行為的觸發，從而實現四種狀態的樣式這4種狀態是可以設置的，我們稱之為偽類。 a:link 偽類一種 a:visited{ } a:hover{ } a:active{ } ## link 訪問前的狀態 ## ## visited 訪問后的狀態 ## ## hover 鼠標懸停狀態 ## ## active 鼠標點擊狀態 # 普通元素的偽類：非超級鏈接，可以設置偽類狀態，此時只有兩個狀態可以使用，分別是hover和active 偽類選擇器:規定一定要先設置好需要的選擇器，推薦使用class類名，不會引起沖突，或者使用后代選擇器精確匹配，以防打亂頁面狀態。例子 ``` <a class="box"> 偽類可以設置為 .box:link{ } .box:visited { } .box:hover{ } .box:active{ } ``` 偽類的權重和普通選擇器權重是一樣的書寫順序 a標簽有時會有2-3個觸發狀態，一定按照書寫順序去執行先 link 再 visited 再 hover 再active 實際應用所有的偽類種，最常用的是hover 一個實際的頁面中，為了保持頁面的統一狀態，此時會將a標簽訪問前訪問后的狀態進行統一設置（也就是設置 link和valid為同一個顏色）如代碼： ``` a:link,a:valid{ color:rgb(113, 0, 179) } a:hover{ color:crimson; } a:active{ color:rgb(36, 0, 197) } </style> </head> <body> <a href="https://www.baidu.com">點擊跳轉到百度</a> </body> ```