为什么我的 HTML 代码在服务器上被隐藏，但在本地计算机上却正常？

Question

我在代码中有一个部分通过使用标签显示三个超链接。当我在笔记本电脑上本地打开 HTML 文件时，它们显示得很好并且可以工作。

但是，当我在 VS code 上使用实时服务器扩展时，当我检查元素时它们似乎被隐藏，这也适用于我在 Openshift 上部署网站时。我不知道为什么它会这样做。

.social_media a {

  width: 33.3%;

  font-size: xx-large;

}

.social_media a:hover {

  background-color: lime;

}

<section class="middle_bottom">

        <section>

          <h1>Social Media</h1>

        </section>

        <div class="social_media">

          <a href="https://www.linkedin.com">

            Linkedin

          </a>

          <a href="https://www.facebook.com">

            Facebook

          </a>

          <a href="https://www.instagram.com">

            Instagram

          </a>

        </div>

</section>

Answer 1

事实证明，由于某种原因，这仅适用于 Opera 浏览器，而它在其他浏览器（如 chrome）上运行良好