<ul>
<li><i class="iconfont icon-duihao"></i> link 1</li>
<li><i class="iconfont icon-duihao"></i> link 2</li>
<li><i class="iconfont icon-duihao"></i> link 3</li>
<li><i class="iconfont icon-duihao"></i> link 4</li>
<li><i class="iconfont icon-duihao"></i> link 5</li>
</ul>
ul{
margin:0;
padding:0;
}
li{
background:#C0392B;
color:#fff;
list-style:none;
padding:15px;
margin:5px 0;
float:left;
}
li:nth-child(-n+4){
background:#ececec;
}
li:hover{
background-color:red;
}
.icon{
}