伪类和伪元素

54 阅读1分钟

伪类

当已有元素处于某种状态时,为其添加对应的样式,比如:hover。因为处于 dom 树无法描述的状态,所以称为伪类

  • :hover

  • :link(未访问)

  • :active(已激活)

  • :visited(已访问,刚点击那一下)

  • :first-child

  • :last-child

  • :nth-child()

:nth-child(1)//具体某一个
:nth-child(2n)//偶数
:nth-child(even)//偶数
:nth-child(2n+1)//基数
:nth-child(odd)//基数
:nth-child(-n+3)//前三个
  • :is
  • :where
  • :has

伪元素

  • ::after
  • ::before
  • ::selection(高亮) 创建不存在于文档树的元素,并为其添加样式,比如::before。虽然用户可以看到这些内容,但不处于文档树中。

参考