应该是每个字体图标都有一个例如.iconfont这样的类名吧。那就用 .iconfont：nth-of-type(1){color：#000}这样的方法选中他们。一个一个给：hover 。里面的1是第二个。比如你页面里有三个字体图标。
城关网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联2013年至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
URL 引用列表中的一个或多个图标，列表用逗号分隔。inherit 规定应从元素继承 icon 属性的值。
然后需要在我们的列表和标签标记的相对位置和填充设置一些样式。下一步需要使用伪代码在标签之前和之后设置样式。对于这部分，我们将设置复选框Font Awesome，用一个矢量图标。
使用hover这个属性，hover就是鼠标经过，先给需要出现的下拉表给个display：none，这样下拉表就看不见了，用上hover以后再在里面给display：block；他就出现了。
这个你需要用到伪类 ：hover ：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
最好是用JS做，但是非要用CSS呢，也可以。
首先在netbenas建立一个html文件。引入css文件。html文件增加一个显示图片层。在css文件中增加代码。看看浏览器图片层效果。层里面加一个图片。在win10下调用自带的3d画图软件。
如果只是静态页面直接使用div+css就可以了，一个大盒子装所有内容，然后再分上下两个盒子 上面的盒子先分两个盒子，设置浮动，左边的盒子再分两个盒子，这样布局就完成了。
ps里有个切片工具，将你需要的图片切成一小块一小块的，只切图片，不要都切，图片越少越好，比如背景重复的，就只切一个像素就可以了，然后做网页的时候设置样式为平铺。
方法/步骤 新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。
1、我先做的是插入两个div标签，点击【插入】，找到【布局对象】—【Div标签】。先创建第一个长宽均为200px的div标签，类命名为“1”。在创建第二个长宽均为200px的div标签，类命名为“2”。
2、新建一个html文件，命名为test.html，用于讲解。在test.html文件内，创建一个div模块，并设置其class属性为mydiv。在div模块内，使用img图片标签创建两张图片，src属性指向不同的图片路径。
3、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。
4、要先用Photoshop切图，然后根据图片大小在DW中设置你的div宽度和高度，在，最后用css命令插入图片到你的div框里，再用代码控制你的div就行了。
5、每个图片外边都分别加一个标签，然后设置相应的css规则。
后面的文字设置成text-indent：比图片大一点。（你可以给所有的li添加一个类名，然后在这一类名下，统一设置text-indent缩进值）text-indent 属性规定文本块中首行文本的缩进。
每一行的前半部分逗号之前是鼠标划过的样式，后面是默认的样式。
图片在这里 左边div用左浮动：float：left；右边div用右浮动：float：right；希望可以帮帮你，求采纳。
src=jpg / --- 这个是可以的呀，我ie8，FF，chrome 都是没问题的。