僞類選擇器

css的僞類是用來添加一些選擇器的特殊效果。css

a標籤用僞類的比較多,例如:html

  a:link {color:#FF0000;} /* 未訪問的連接 */
  a:visited {color:#00FF00;} /* 已訪問的連接 */
  a:hover {color:#FF00FF;} /* 鼠標劃過連接 */
  a:active {color:#0000FF;} /* 已選中的連接 */
前端

注意:在CSS中,a:hover必須被置於a:link和a:visited以後纔有效,a:active必須被置於a:hover以後後端

除了a標籤的這些還有一些其餘的,例如:spa

  :not(p){}選擇除了p標籤以外的全部標籤
  :root根元素,等價於*{} html{}不過有優先級的區別 *>root>html
  :empty 當元素內容爲空時被選中
  :nth-child(n)規定元素n能夠是數字和倍數(2n);n+表示大於第一個元素
  :last-child選取最後一個標籤
  :first-child選取第一個標籤
  :only-child匹配屬於父元素中惟一子元素,當子元素超過一個時不起做用
  :after 插入元素後端(必須指定content屬性,轉換爲塊狀元素)
  :before插入元素前端(必須指定content屬性,轉換爲塊狀元素)htm

相關文章
相關標籤/搜索