1. 伪元素使用场景

伪元素一般是用于画图,特别是那种无关紧要的分隔线、点之类的小元素,如下图的绿框所示:
平面设计培训,网页设计培训,美工培训,游戏开发,动画培训

上面第一张图的分隔线,就是用before画的。只需要给div套一个类,这个类写一个before,那么相应的div就会带上分隔线,而不用每加一个内容,就得手动添加一个span来画那个分隔线。

2. 什么是伪元素

伪元素是一个元素的子元素,并且它是inline行内元素。给一个标签加上before和after,用浏览器检查:

平面设计培训,网页设计培训,美工培训,游戏开发,动画培训

可以看到before成为了这个标签的第一个子元素,而after成为了它的最后一个子元素。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式