css3選擇器(全)

1元素選擇符

  • E1~E2
    選擇前面有E1元素的 E2元素,兩個元素可間隔其他元素。

2屬性選擇符

  • E[attribute^=”value”]
    選擇特定屬性值以value開頭的E元素。

  • E[attribute$=”value”]
    選擇特定屬性值以value結束的E元素。

  • E[attribute*=”value”]
    選擇特定屬性值以包含value值的E元素。

僞類選擇符

  • E:first-of-type
    選擇E元素的父元素的第一個E類型元素。

  • E:last-of-type
    選擇E元素的父元素的最後一個E類型元素。

  • E:only-of-type
    選擇E元素的父元素(具有的唯一E類型)的E元素。

  • E:only-child
    選擇E元素的父元素(具有的唯一的子元素)的E元素。

  • E:nth-child(n)
    選擇E元素的父元素第n個子元素,該元素必須是E類型元素(從前往後數)。

  • E:nth-last-child(n)
    選擇E元素的父元素第n個子元素(從後往前數)。

  • E:nth-of-type(n)
    選擇E元素的父元素第n個E類型子元素(從前往後數)。

  • E:nth-last-of-type(n)
    選擇E元素的父元素第n個E類型子元素(從後往前數)。

  • E:last-child
    選擇E元素的父元素下的最後一個E元素。

  • :root (注意:前面沒有選擇器)
    選擇文檔的根元素。一般是html

  • E:empty
    選擇沒有子節點的E元素(包括文本節點)

  • E:target
    選擇當前活動的 E元素。

  • E:enabled
    選擇每個啓用的E元素(一般用於表單)

  • E:disabled
    選擇每個禁用的E元素(一般用於表單)

  • E:checked
    選擇每個選中E元素(一般用於表單)

  • E:not(selector)
    選擇selector指定外的E元素。

  • E::selection (注意這裏是兩個冒號)
    選擇被用戶選定的E元素,一般用於文本的選取。

上面的E也是一個選擇器。

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