要给每个a标签(除了最后一个)后面添加分隔线| ,可以这样做:
方法一:在每个a后面加上span标签
方法二:使用伪类:
注意:最后一个伪类不想要可以这样:
&:last-child:after{
display: none;
}
一定要注意顺序,是&:last-child:after,不是&:after:last-child
last-child和after还有&通过:连接
对于高度相等的文字和分割线|,我们还可以使用border-right
或者border-left
实现:
比如我们要实现这样的效果: