一、a標簽的偽類選擇器註意點 （1）a標簽的偽類選擇器可以單獨出現，也可以一起出現。也就是可以設置多個狀態的樣式。 （2） a標簽的偽類選擇器如果一起出現，那麼有嚴格的順序要求，編寫的順序必須要遵守原則： （love\hate原則，即link\visited\hover\active）預設狀態、被訪 ...
一、a標簽的偽類選擇器註意點
（1）a標簽的偽類選擇器可以單獨出現，也可以一起出現。也就是可以設置多個狀態的樣式。
（2） a標簽的偽類選擇器如果一起出現，那麼有嚴格的順序要求，編寫的順序必須要遵守原則： （love\hate原則，即link\visited\hover\active）預設狀態、被訪問後的狀態、懸停狀態、長按狀態
（3）如果預設狀態的阿燕是和被訪問過的狀態的樣式一樣，那麼可以縮寫為
a{ color:顏色;},後面寫了另外兩種狀態也是不影響的。
二、快捷鍵
（1）ul>(li>a)*8再點擊Tab就可以自動生成列表
（2）按住Alt鍵，然後點擊游標向下拉
三、練習
（1）在企業開發過程中編寫a標簽的偽類選擇器最好寫在標簽選擇器的後面（2）在企業開發中，和a標簽盒子相關的屬性，都寫在標簽選擇器中（包括盒子的模式、寬度、高度、padding、margin）
（3）在企業開發中和a標簽文字、背景、相關的都寫在偽類選擇中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> D161_PseudoClassCautions</title> <style> *{ margin:0; padding:0; } ul{ width:960px; height:40px; background-color: green; margin:100px auto; } li{ width:120px; height:40px; list-style: none;/*去掉前面的小黑點*/ float:left; background-color: purple; text-align: center;/*文字的水平排版*/ line-height:40px;/*文字行高和該行一樣高*/ color:black; } ul li a { /*這個a標簽這裡設置了它的大小，可以理解為作用域變成和li一樣大，因為我們想要讓 整個小盒子都是作用域，如果不寫這段大小設置的話，那麼作用域就只有文字大小了*/ width:120px; height: 40px; display:inline-block; } ul li a:link{ color:white; text-decoration:none;/*去掉文字下劃線*/ background-color: pink;/*這裡講解一個方法：就是如何判斷作用域，我們可以採用加個背景顏色的方法，來進行判斷*/ } ul li a:hover{ color:red; background-color: grey; } ul li a:active{ color:yellow; } </style> </head> <body> <ul> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> <li><a href="#">我是導航條</a></li> </ul> </body> </html>
二、源碼：
D161_PseudoClassCautions.html
地址:
https://github.com/ruigege66/HTML_learning/blob/master/ D161_PseudoClassCautions.html
2.CSDN：https://blog.csdn.net/weixin_44630050
3.博客園：https://www.cnblogs.com/ruigege0000/
4.歡迎關註微信公眾號：傅里葉變換，個人賬號，僅用於技術交流，後臺回覆“禮包”獲取Java大數據學習視頻禮包
