伪类选择器

  1. E:first-of-type: 匹配同类型中的第一个同级兄弟元素E

  2. E:last-of-type: 匹配同类型中的最后一个同级兄弟元素E

  3. E:first-child: 匹配其父元素的第n个子元素,第一个编号为1

  4. E:last-child: 匹配其父元素的倒数第n个子元素,第一个编号为1

  5. E:nth-child(n): 选择属于其父元素的第n个子元素的

  6. E:nth-last-child(n): 选择属于其父元素的倒数第n个子元素的

  7. E:only-child: 选择属于其父元素的唯一子元素(只有一个才能被选中)

  8. E:only-of-type: 选择属于其父元素唯一的同级兄弟元

  9. E:nth-of-type(n):匹配同类型中的第n个同级兄弟元素E。

  10. E:nth-last-of-type(n):匹配同类型中的倒数第n个同级兄弟元素E


超链接状态顺序:

  1. a:link :设置超链接a在未被访问前的样式

  2. a:visited :设置超链接a在其链接地址已被访问过时的样式

  3. a:hover :设置元素在其鼠标悬停时的样式

  4. a:active :设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式


  1. :root: 选择文档的根元素

  2. E:empty: 选择没有子元素的每个E元素(包括文本节点)。

  3. E:checked: 匹配用户界面上处于选中状态的元素E。(多数用于input type为radio与checkbox时)

  4. E:enabled: 选择每个启用的E元素(文本框没有disabled属性的)

  5. E:disabled: 选择每个禁用的E元素(文本框有disabled属性的)

  6. E::selection: 选择被用户选取的元素部分。

以上就是CSS3的新特性介绍的详细内容,更多请关注Work网其它相关文章!

09-15 16:41