尽可能地使用伪元素

正文

请到「今天看啥」查看全文

这样其实相当于，自己写了两个span：

但是它跟span为不太一样，因为伪元素是伪的，伪的意思就是说，你无法用js获取到这个伪元素，或者增、删、改一个伪元素，所以伪元素的优点就体现在这里了——你可以用伪元素制造视觉上的效果，但是不会增加JS查DOM的负担，它对JS是透明的。所以即使你给页面添加了很多伪元素，也不会影响查DOM的效率。同时，它不是一个实际的html标签，可以加快浏览器加载html文件，对SEO也是有帮助的。

使用伪元素的案例

1.画分割线

像下面的这个or：

它的html结构是：

or

就是一个p标签。左右两条线用before和after画出来：

.or{
    text-align: center;
}
.or

请到「今天看啥」查看全文