我从此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>
但这不作为
答案 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;
}