使用伪类选择器添加竖线
.join>a::after{
content: '|';
color: black;
}
取消最后一个标签后的竖线
.join>a:last-child::after{
display: none;
}
<p class="join">
<a href="#">加入百度推广</a><span></span>
<a href="#">搜索风云榜</a><span></span>
<a href="#">关于百度</a><span></span>
<a href="#">About Baidu</a>
</p>