一、CSS普通選擇器：
1）標籤選擇器：直接寫標籤
2）類選擇器：用class命名 .加類名 可重複命名
3）Id選擇器：用Id命名 #加Id名稱 是唯一的
4）通配選擇器：用*來定義
5）後代選擇器：父選擇器+子選擇器 （中間用空格隔開）
6）並集選擇器：兩個父選擇器定義（中間用逗號隔開）
7）交集選擇器：標籤+選擇器
8）兒子選擇器：需要選中某個元素的直接子元素。(用">"鏈接兩個選擇器)
9）!important:只會提升某個屬性的優先級，並不能提升整個選擇器的權重。
<head>
<style type="text/css">
通配選擇器
*{
color: green;
}
標籤選擇器
p{
color: green;
}
類選擇器
.hezi3{
color: green;
}
Id選擇器
#box3{
color: green;
}
後代選擇器
.hezi2 .hezi3{
color: green;
}
交集選擇器
div.hezi3{
color: green;
}
並集選擇器
.box2,.box3{
color: green;
}
</style>
</head>
總結：ID>類>標籤>通配>繼承
繼承的權重是0（小於直接指定）
當都是繼承的時候再比權重(看誰的權重大)
當權重一樣的時候：採取就近原則。
當選擇器選中某個元素的時候，就可以統計該元素的權重
百 十 個
id數量 類的數量 標籤的數量
權重：一個類選擇器遠大於一個標籤選擇器 十位數
一個ID選擇器遠大於一個類選擇器 百位數
二、動態僞類選擇器（多用於用戶和網站交互的時候）：
1.link：鏈接沒有被訪問時候的狀態
2.visited：鏈接被訪問後的狀態
3.hover：鼠標放到連接上時的狀態
4.active：鼠標激活鏈接時的狀態
語法：
選擇器名:+動態僞類{}
a:link{
color:red;
}
a:visited{
color:blue;
}
a:hove{
color:gray;
}
a:active{
color:green;
}
注意：link和hover不能同時使用。
1.要想同時使用必須把hover放在link和visit的後面;
2.active：必須放在hover後面纔好使
（順序：link，visited，hover，active）
三、focus：
用於設置獲取焦點時會給input加上樣式
input:focus { color: red; 外邊框:（solid：實線 dashed：虛線） outline: cyan dashed 5px; }
`