::before、::after大概是最常使用的伪元素,两者都是以display:inline-block的属性存在,::before是在原本的元素「之前」加入内容,::after则是在原本的元素「之后」加入内容,同时伪元素也会「继承」原本元素的属性,如果原本文字是黑色,伪元素的文字也会是黑色。
举例来说,下面这段程式码,有一个div 内容是「大家好,我是div」,使用::before、::after 之后,会在原本div 的前后各添加一段文字,并且让这两段文字都呈现红色。
div::before{ content:"我是 before"; color:red; } div::after{ content:"我是 after"; color:red; }

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-jiaocheng/tc58886.shtml