css3选择器(全)

来源:互联网 发布:简单软件 编辑:程序博客网 时间:2024/06/11 08:07

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也是一个选择器。

原创粉丝点击