欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS3的新特性介绍

程序员文章站 2022-04-24 14:18:14
...

伪类选择器

  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的新特性介绍的详细内容,更多请关注其它相关文章!