为什么按照老师的步骤跟,iconactive只有文字变了颜色,图标没有变呢?

来源:2-2 footer响应式效果

Sadalsuud

2017-05-17 16:08:58

请尽量清晰完善地描述问题,以便大家给予专业的回复。

写回答

3回答

小丸子爱吃菜

2017-05-17

reset中会去掉一些元素的默认样式,如果以后碰到这种情况,可以去控制台查看元素的样式情况,也可以再给这个元素重新定义样式!

0
hadalsuud
h 好的,谢谢老师的耐心解答~
h017-05-17
共1条回复

小丸子爱吃菜

2017-05-17

我这边显示正常的呀~http://climg.mukewang.com/591c258b0001b2ae14090063.jpg

0
hadalsuud
h 哦,我找到原因了,我添加了响应式案例里面老师给的reset.css文件,把这个删掉之后就正常了,只是不知道reset文件哪里会影响到字体图标的颜色
h017-05-17
共1条回复

小丸子爱吃菜

2017-05-17

可能式结构的问题,建议将你的代码贴到这里来,好帮你查找问题~

祝学习愉快!

0
hadalsuud
h 麻烦老师帮我看一下哪里出了问题 <footer> <div class="footer_icon icon_active"> <a class="icon_a"> <i class="fa fa-home fa-lg"></i> </a>首页 </div> <div class="footer_icon"> <a class="icon_a"> <i class="fa fa-th-large fa-lg"></i> </a>分类 </div> <div class="footer_icon"> <a class="icon_a"> <i class="fa fa-shopping-cart fa-lg"></i> </a>购物车 </div> <div class="footer_icon"> <a class="icon_a"> <i class="fa fa-user fa-lg"></i> </a>我的 </div> </footer> footer{ position:fixed; bottom:0; width:100%; height:54px; display:flex; border-top:1px solid #ccc; background:#fff; text-align:center; font-size:12px; } footer .icon_active{ color:red; } footer .footer_icon{ flex:1; } footer .footer_icon .icon_a{ display:block; margin:4px 0; }
h017-05-17
共1条回复

0 学习 · 5012 问题

查看课程