css3伪类选择符

常见的css伪类选择符

lvha

• E:link 设置链接未被访问时的样式
• E:visited 设置链接被访问后的样式
• E:hover 设置鼠标悬浮时的样式
• E:active 设置鼠标点击时的样式

其它

• E:focus 设置对象在成为输入焦点（该对象的onfocus事件发生）时的样式。
• E:first-child （和下面的css3伪类选择符一同区别）

———————————–—————- ———-小小分割线———————–——————————————

css3伪类选择符

• E:not(s) 匹配不含选择符s的元素E
• E:root 匹配文档根元素。在 HTML 中，根元素始终是 html 元素。
• E:empty 匹配没有任何子元素（包括text节点）的元素E。
• E:checked 匹配用户界面上处于选中状态的元素E。
• E:enabled 匹配用户界面上处于可用状态的元素E。
• E:disabled 匹配用户界面上处于不可用状态的元素E。
• E:target 匹配相关URL指向的E元素。

---

注：此栏的选择符中，若匹配结果不为E元素则无效

• E:first-child 匹配父元素的第一个子元素且为E元素（css2）
• E:last-child 匹配父元素的最后一个子元素且为E元素
• E:only-child 匹配父元素的唯一一个子元素且为E元素（没有其他非E子元素）
• E:nth-child(n) 匹配父元素的第n个子元素且为E元素（从1开始）
  
  • E:nth-child(even)/E:nth-child(2n) 匹配父元素的偶数位子元素且为E元素
  • E:nth-child(odd)/E:nth-child(2n+1) 匹配父元素的奇数位子元素且为E元素
  • E:nth-child(-n+4) 匹配父元素的前4个子元素且为E元素
• E:nth-last-child(n) 匹配父元素的倒数第n个子元素且为E元素

---

• E:first-of-type 匹配父元素的第一个类型为E的子元素
• E:last-of-type 匹配父元素的最后一个类型为E的子元素
• E:only-of-type 匹配父元素的唯一一个类型为E的子元素（可以有其他非E子元素）
• E:nth-of-type(n) 匹配父元素的第n个类型为E的子元素
• E:nth-last-of-type(n) 匹配父元素的倒数第n个类型为E的子元素