伪类选择器总结

伪类选择器总结

静态伪类选择器

• :link是超链接未被点击之前的样式，默认样式。
• :visited是访问过页面以后的样式。

动态伪类选择器

• :hover 鼠标悬停时的样式。
• :active 设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。
• :focus 设置对象在成为输入焦点（该对象的onfocus事件发生）时的样式。

目标伪类选择器

• : target
  • URL后面跟锚点#，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)，:target选择器用于选取当前活动的目标元素。

元素状态伪类选择器

+ checked选中后的元素的样式。
+ enable可用的元素。
+ disable被禁用的元素。

结构伪类选择器

• :nth-child
  • odd奇数
  • even偶数
• :nth-last-child
• :first-letter 第一个字母
• :first-line第一行
• :selection表示选中的内容
• :nth-of-type
• :nth-last-of-type
• :first-child 父元素中的第一个子元素,必须包含在一个父元素中
<