background:#F00
width:100px
height:100px
}
[abc^="def"]选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"]选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"]选择 abc 属性值中包含子串 "def" 的所有元素
你可以参考：http://www.w3school.com.cn/css/css_selector_attribute.asp
先说解决办法：将你的icon1, icon2, icon3 …等等class样式再添加这几条属性：{display: inline-blockwidth:图片宽度height:图片高度}
你是要以背景的形式显示图片，那么你这样写，你可以在浏览器查看元素，图片并不占空间，你需要给背景图片指定大小位置。
首先，你这边的图标是用图片实现的话，那就必须更改图片，我写个例子：<ul>
<li class="ico1"></li>
<li class="ico2"></li>
<li class="ico3"></li>
<li class="ico4"></li>
</ul>
<style type="text/css">
.ico1{
background: url(huise-ico1)
}
.ico1:hover{
background: url(chengse-ico1)
}
</style>
这边我只写了一个。还有3个没写。你可以根据这个改上自己需要的。
PS：还有一种跟快捷的方法，如果你有兴趣的话，可以去搜索下iconfont。不懂可以再问我
