伪类和伪元素

伪类其实是为弥补CSS选择器的不足,用来更方便地获取信息

伪元素本质上是创建了一个虚拟容器(元素),我们可以在其中添加内容或样式

CSS3中,伪类用单冒号:表示;而伪元素用双冒号::表示

 

:before 伪元素可以在元素的内容前面插入新内容

:after 伪元素以在元素的内容之后插入新内容

 

不区分类型

  :first-child 选中同级别中第一个标签

  :last-child 选中同级别中最后一个标签

  :nth-last-child(n) 选中同级别中倒数第n个标签

  :nth-child(n) 选中同级别中第n个标签

  :only-child 选中只有一个子节点的标签

区分类型

  :first-of-type 选中同级别中同类型第一个标签

  :last-of-type 选中同级别中同类型最后一个标签

  :nth-of-type(n) 选中同级别中同类型第n个标签

  :nth-last-of-type(n) 选中同级别中同类型倒数第n个标签

  

相关文章:

  • 2021-08-03
  • 2021-06-30
  • 2022-12-23
  • 2021-12-06
  • 2021-12-06
猜你喜欢
  • 2021-12-12
  • 2022-12-23
  • 2022-03-01
  • 2021-09-13
  • 2022-02-01
  • 2021-04-24
相关资源
相似解决方案