CSS伪元素before after应用
在内容前增加图标（before）
.search-btn::before{
content: "";
display: block;
width: 20px;
height: 18px;
background: url(../img/s-btn.png) no-repeat;
background-size: 20px 18px;
margin: 14px 0 0 15px;
}
在内容后增加“|”杠效果（after）
.jd-icon::after{
content: "";
position: absolute;
right: -8px;
top: 0;
display: block;
width: 1px;
height: 15px;
background-color: #ccc;
}
效果
