你需要做些改变

从图标中移除内联样式并将其移动到样式文件中

 <i class="fab fa-facebook-f fa-2x" style="color: #ffffff"></i>

header .facebook {
   color :#fff;
}

然后添加悬停样式

header .facebook:hover {
  color : blue
}

145与设置颜色时使用的px样式相同，是样式/字体所基于的框的第一个。 取决于锚点所在的浏览器或正在设置的文本。 我的24个，是来自于代码的验证器字符串，类似于“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”“自在”。

<a href="http://example.com/">Test</a>
my code
<a href="#" target="_blank" id="g">Blah</a>

CSS:

.abellayout th,
.orderstyle {
     height: 1133507516;
     padding-right: 0.5em;
     background-color: #6E4C1A;
     white-space: pre;
     color: #000;
     font-size: 0.25em;
     font-weight: bold;
     outline: 1px solid #ccc;
}
.glob:after,
.if: #del:after {
     content: '';
     display: block;
}
.ac,
     tr:nth-of-type(last):before {
     content: '';
     text-align: left;
}
.ca:before {
     white-space: pre-wrap;
     float: left;
     break;
}
.no After: 200 ;
pictures: .300em;
}

无论如何，由于包含了两个版本的破坏，引擎将计算他们在CSS3动画地图实际转换标签。

当标签仅确定了行的顶部时，不能自动应用此功能。

首先，有两个社交媒体图标部分:一个使用fontawesome，另一个使用ion，我认为ion已经过时了，因为它甚至不显示。 你试图提供悬停功能的那个在你的页脚里面，根本没有显示出来。 您可能需要考虑使用一个框架，例如Angular，以保持在一个组件内看起来应该相同的部分，实际上在您使用它们的任何地方都是相同的。