视频里写服务区的icon样式时候,为什么不考虑公共样式里的icon样式取代了这里的样式

视频里写服务区的icon样式时候,为什么不考虑公共样式里的icon样式取代了这里的样式

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2019-09-05 15:36:53

同学你好,

这边查看了源码,在common.css与index.css中,小图标样式类名分别是:

http://img1.sycdn.imooc.com//climg/5d70bac600013dbb14250449.jpg

都是一个class类,所以权重是一样的。

在引入样式的时候,index.css需要在common.css的下面,这样才会覆盖之前设置的样式:

http://img1.sycdn.imooc.com//climg/5d70bb030001e74d06070110.jpg

同学可以检查下是不是文件引入顺序的问题。

如果不是引入顺序的问题,可以将自己写的代码全部粘贴上来,老师帮助你测试下。

祝学习愉快!

  • 是的,<i class="icon focus-service-icon>,这里不就是有icon样式吗,那icon和focus-service-icon同级别啊。
    2019-09-05 16:00:42
  • 确实两个同级别,具体样式的选择,是根据在head里面引入Link 的先后顺序,我把inde.css放在common.css之后,问题就解决了。谢谢。
    2019-09-05 16:02:16
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师