伪元素使用

1、css :last-child 

:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

2、css :first-child 

:first-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

3、伪元素after的用法
/*为每个li添加间隔线*/
ul li:after{
content:"|";
padding-left: 8px;
color: #424242;
}
/*清除最后一个li的间隔线*/
ul li:last-of-type:after{
content:"";
padding-left: 0px;
}

4、伪元素before用法

在每个 li元素的内容之前插入新内容：

ul li:before{
content:"|";
padding-left: 8px;
color: #424242;
}