Question

我是Web开发领域的新手，我正在尝试创建自己的投资组合网站。当我尝试在我的社交媒体图标上创建悬停效果时，我无法在悬停效果上看到更改，因此无法识别自己在做什么错。请帮帮我。

我的代码是：https://codepen.io/sagarbarapatre02/pen/xxZQQxM

Please help me out, I am a newbie in this field

Answer 1

您需要进行一些更改

从图标中删除嵌入式样式并将其移入样式文件中

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

header .facebook {
   color :#fff;
}

然后添加悬停样式

header .facebook:hover {
  color : blue
}

Answer 2

145是一样的设置颜色时使用的px样式是样式/字体所基于的框的第一个。取决于浏览器您的锚已经存在或您要设置的文本。我的24个是来自诸如‌‌‌ ‌ ‌‌ ‌‌‌‌‌‌ ‌‌ p的代码的验证器字符串

<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动画图中计算它们以实际转换标签。

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

Answer 3

首先，有两个社交媒体图标部分：一个使用fontawesome，另一个使用ion，我认为这很古老，因为甚至没有显示。您尝试提供悬停功能的功能位于页脚内部，而这一点都没有显示。您可能要考虑使用诸如Angular之类的框架，以使在组件内部看起来应该相同的零件，并在使用它们的任何地方实际上都相同。

将鼠标悬停在图标上时，悬停效果未显示

3 个答案: