为什么我的 HTML 代码在服务器上被隐藏了，但在本地机器上却没问题？

Question

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

但是，当我在 VS 代码上使用实时服务器扩展时，当我检查元素时它们似乎是隐藏的，这也适用于我在 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

上运行良好

为什么我的 HTML 代码在服务器上被隐藏了，但在本地机器上却没问题？

Why does my HTML code get hidden on server but its fine on the local machine?

html

css

openshift