认识::before 与::after

::before、::after大概是最常使用的伪元素，两者都是以display:inline-block的属性存在，::before是在原本的元素「之前」加入内容，::after则是在原本的元素「之后」加入内容，同时伪元素也会「继承」原本元素的属性，如果原本文字是黑色，伪元素的文字也会是黑色。

举例来说，下面这段程式码，有一个div 内容是「大家好，我是div」，使用::before、::after 之后，会在原本div 的前后各添加一段文字，并且让这两段文字都呈现红色。

div::before{
    
 content:"我是 before";
    
 color:red;

}

div::after{
    
 content:"我是 after";
    
 color:red;

}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！