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;
}