2.4 CSS3伪元素选择器(重点)

2.4 伪元素选择器(重点)

伪元素选择器可以帮助我们利用CSS创建新标签元素,而不需要HTML标签,从而简化HTML结构。

选择符简介
::before 在元素内部的前面插入内容
::after 在元素内部的后面插入内容

注意︰

  • beforeafter创建一个元素,但是属于行内元素

  • 新创建的这个元素在文档树中是找不到的,所以我们称为伪元素

  • 语法: element::before {}

  • before和after必须有content属性

  • before在父元素内容的前面创建元素,after在父元素内容的后面插入元素

  • 伪元素选择器标签选择器一样,权重为1

posted @ 2021-02-19 23:47  琴时  阅读(57)  评论(0编辑  收藏  举报