Question

如何更改字体真棒图标的颜色。我为html和css尝试了不同的标签，但是没有任何作用

如前所述，我尝试过使用不同的标签，甚至在互联网上进行搜索，即使在这里也没有，

我的HTM代码是：

<footer>
  <div class="container">
    <div class="social">
      <ul>
        <li><a href=""><i class="fab fa-facebook"></i></a>
        <li><a href=""><i class="fab fa-twitter"></i></a>
          <li><a href=""><i class="fab fa-instagram"></i></a>
            <li><a href=""><i class="fab fa-youtube"></i></a>
              <li><a href=""><i class="fab fa-twitch"></i></a>

    </div>

  </div>

我的CSS代码是：


footer {
  border-top: 2px solid #000;
  width: 100%;
  overflow-x: hidden;
}
.social {
  margin-top: 10px;
  float: left;
  margin-left: -420px;
}
.social ul {
  list-style: none;
}
.social li {
  display: inline-block;
  padding: 5px
}
.social a.fab a{
  color: #fff;
}

任何帮助表示感谢，并提前致谢。

Answer 1

尝试一下

.social li i{color:red;}

也请正确关闭您的li标签。

Answer 2

 <li><a href=""><i class="fab fa-twitch iconColorChange"></i></a>

和CSS

.iconColorChange {
color: yourcolor;
}

如何更改字体真棒图标颜色

2 个答案: