我无法改变字体真棒的风格

时间:2016-09-09 22:46:32

标签: html css font-awesome

我从此link下载了一个网站模板。如何在index.html页面的导航菜单中更改图标的样式?

<i class="fa fa-home" style="color:black; font-size:48px"></i><a href="index.html">Home</a>

这不起作用

所以我通过一个新课程介绍了这个风格&#34; fa-home-a&#34;

.fa-home-a {
color:black;
}

并将我的html更改为此

<i class="fa fa-home fa-home-a"></i><a href="index.html">Home</a>

但这不作为

3 个答案:

答案 0 :(得分:1)

不要使用修改后的类使用fa-home的原始类并应用外部css

.fa-home { color:black; font-size:80px; }

如果这不起作用,那么你必须给出父类的参考

答案 1 :(得分:0)

 <i class="fa fa-home" style="color:black; font-size:48px"></i><a href="index.html">Home</a>

我想说问题来自内联式参考,有一个缺少的分号;

答案 2 :(得分:0)

我找到了解决方案。 我添加了#34; color&#34;以下代码的属性

#hornav li [class^="fa-"]:before,
#hornav li [class*=" fa-"]:before {
...
color:#ffd602;
}