複合選擇器系列:
一、後代選擇器
用來選擇子子孫孫所有代, 選擇器之間以 空格隔開
二、子代選擇器
只用來選擇直系一代,選擇器之間 以“>” 號隔開
三、並集選擇器
多種不同樣式 匯聚使用,選擇器之間逗號隔開
四、鏈接類 僞類選擇器
a:link { 選擇所有未被訪問的鏈接 }
a:visited { 選擇所有已經訪問過的鏈接 }
a:hover { 選擇鼠標指針位於其上的鏈接 }
a:active { 選擇活動鏈接(鼠標按下沒有彈起來的時候) }
有一個固定順序:LVHA
鏈接類 僞類選擇器 常用寫法:
a{} a類選擇器屬性配置
a:hover{} hover 的時候配置一下 就可以啦
五、:focus 僞類選擇器
:focus 僞類選擇器用於獲取 獲得焦點的表單員元素。這裏的焦點 就是指光標。一般<input>類表單才能獲取到焦點。 所以:foucs 僞類選擇器主要是針對input 表單的。
input:foucus{
background-color: black;
}
上面的用途就是,鼠標在哪個input 表單中,哪個表單的背景色就變成黑色。