CSS——常见伪类元素集合

一.  序号选择器

  • :first-child 第一个子元素 例:.box1 p:first-child 选择box1里面第一个p元素。
  •  :last-child 最后一个子元素
  •  :nth-child() 任意序号的子元素,参数可以写成xn+b的形式,如3n+1。
  •  :nth-of-type() 同种标签指定序号的子元素,.box1 p:nth-of-type(3)  box1里第3个p元素。
  •  :nth-last-type() 倒数第几个子元素

二. 超链接伪类选择器

a:link没被访问过的状态

a:visited已被访问过的状态

a:hover鼠标悬停时的状态

a:active点击时的状态(鼠标按下还没弹起)

三.  其他伪类

  1. ::before在某元素之前插入content属性值,content值表示插入的内容。
  2. ::after在某元素之后插入content属性值,content值表示插入的内容。

  3. ::selection用于文档中被用户选中的部分文字设置样式(使用鼠标圈选的部分)。
  4. ::first-letter选中某块级元素中第一行的第一个字母。
  5. ::first-line选中某块级元素第一行的所有文字

三. CSS新增伪类

  1. :empty选择空标签。
  2. :focus选择当前获得焦点的表单元素。
  3. :enabled选择当前有效的表单元素。
  4. :disabled选择当前无效的表单元素,添加此属性,将无法选择。
  5. :checked选择当前已经勾选的单选按钮或者复选框。
  6. :root选择根元素,即<html>标签,通过继承性影响文档样式。

版权声明:本文为m0_69059702原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。