CSS 學習筆記-01 複合選擇器系列:

複合選擇器系列:

一、後代選擇器

用來選擇子子孫孫所有代, 選擇器之間以 空格隔開

二、子代選擇器

只用來選擇直系一代,選擇器之間 以“>” 號隔開

三、並集選擇器

多種不同樣式 匯聚使用,選擇器之間逗號隔開

四、鏈接類 僞類選擇器

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 表單中,哪個表單的背景色就變成黑色。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章