1. 程式人生 > >css中的連結偽類選擇器、結構偽類選擇器、目標偽類選擇器

css中的連結偽類選擇器、結構偽類選擇器、目標偽類選擇器

連結偽類選擇器

:link /*未訪問的連結 */
:visited /*已訪問的連結 */
:hover /*滑鼠移動到連結上 */
:active /*選定的連結 當我們點選別鬆開滑鼠 顯示的狀態 */
注意寫的時候,他們的順序儘量不要顛倒 按照lvha的順序

結構偽類選擇器

  • :first-child: 選取屬於父元素的首個子元素的指定選擇器
  • :last-child: 選取屬於其父元素的最後一個子元素的指定選擇器
  • :nth-child(n): 匹配屬於其父元素的第n個子元素,不管元素的型別
  • :nth-last-child(n): 選擇器匹配屬於其元素的第n個子元素的每個元素,不論元素的型別,從最後一個子元素開始計數

目標偽類選擇器
:target目標偽類選擇器:選擇器可用於選取當前活動的目標元素
:target{
color:red;
font-size:30px;
}