javascript - 找不到图像源 CSS/HTML 的链接

Question

我从 CODE PEN 下载了一些代码。它包括一个 HTML 文件、两个 css、一个 scss 和两个 javascript 文件。

我正在尝试替换 HTML 中的图像(Twitter 图标)，但我似乎找不到图像链接在文本中的位置。我试过搜索所有其他文件(css、js)这是 html 文件的部分:

<div class="section" id="sect2">
<div class="anchor" id="anchor2"></div>
<div id="hiddenIcon">
<i class="icon-twitter"></i>
    </div>
<div id="twitter"  data-600="margin-top: -20%; opacity: 0" data-1000="margin-top: 0; opacity:1">
<i class="icon-twitter"></i>
</div>
<div class="explanation" data-850=" opacity: 0" data-900=" opacity:1">
<h2>Talks + Workshops + Panel Discussion</h2>
<p>Learn from and interact with world-class social entrepreneurs. Keynote speaker: <u> Christian Vanizette </u> (Founder of Makesense).</p>
  <a class="arrow" href="#anchor3"><i class="icon-sort-down"></i></a>
</div><!--/ explanation-->

Answer 1

<i class='icon-twitter'></i>

这会显示图标。

在 CSS 文件中搜索“.icon-twitter”。你可能会发现这样的东西:

.icon-twitter
{
  background-image:URL('url/to/image.png');
  //The rest of the code
}