CSS學習筆記--轉換模組
阿新 • • 發佈：2018-11-09
CSS學習筆記–轉換模組
一、a標籤偽類選擇器
1.通過觀察，a標籤存在一些狀態：
1.1預設狀態，從未被訪問過（文字顯示為藍色）；
1.2被訪問過的狀態（紫）；
1.3滑鼠長按狀態（紅）；
1.4滑鼠懸停在a標籤上的狀態；
2.什麼是a標籤的偽類選擇器？
它是專門用來修改a標籤不同狀態的樣式的；
3.格式：
: link 修改從未被訪問狀態下的樣式（即在style中，a: link { color: 顏色} ）；
：visited 修改被訪問狀態下的樣式；
：hover 修改滑鼠懸停a標籤上的狀態；
：active 修改滑鼠長按狀態下的樣式；
注意點：
1.a標籤的偽類選擇器可以單獨出現，也可以一起出現；
2.如果一起出現的話，那麼有嚴格的順序要求（即，在style中出現順序為：link, visited, hover, active ）,遵循"愛恨"原則：love hate;
3.如果預設狀態和訪問狀態一樣，可以簡寫（ a { color: 顏色 } ）
4.在企業開發中編寫a標籤偽類選擇器最好寫在標籤選擇器的後面；
5.在企業開發中和a標籤盒子相關的屬性都寫在標籤選擇器中（盒子相關屬性：顯示模式/寬度/高度）；
6.在企業開發中a標籤文字/背景/相關的都寫在偽類選擇器中；
===筆記內容來自於《從零玩轉HTML5前端+跨平臺開發》