Css 在 chrome/firefox 中不工作（渲染）但在 IE10/Edge 中工作

Question

我好像遇到了无法解决的问题。我的问题是 chrome 或 mozilla 无法呈现 CSS，出于某些奇怪的原因，它可以在 IE10 和 Edge 等浏览器中运行。我已经搜索了很长时间，但并没有变得更聪明。我对前端场景还很陌生，所以我有点一窍不通。

我以前做过一些前端的东西，效果很好。但由于某些奇怪的原因，它现在不起作用。我能想到的唯一大区别是我开始使用 Visual Studio Code 而不是 Sublimetext。

下面是代码。我还尝试将 CSS-文件与 index.html 文件放在同一地图中，但没有任何进展。

CSS是一个扩展文件。这是我的方向的图片 - http://imgur.com/Z5eV78Y

编辑：添加了我的问题！并修复了文本。编辑 2：出于某种原因，代码在您运行时有效。但它在我的浏览器或我朋友的浏览器中不起作用（不同的计算机）

body {
 background-color: #fff5ee;
}

li {
 text-decoration: none;
 color: #ff6347;
 list-style-type: none;
}

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" type="text/css" href="assets/css/main.css"/>
 </head>
 <body>
  <!-- Headers starts -->
  <div id="header">
   <ul id="navbar">
    <li>Home</li>
    <li>About</li>
    <li>Contact</li>
   </ul>
  </div>
 </body>
</html>

Answer 1

解决方法是删除当前的 index.html 文件并从头开始创建一个新文件。不确定它是如何解决的，但现在可以使用了。

Css 在 chrome/firefox 中不工作（渲染）但在 IE10/Edge 中工作

Css not working(rendering) in chrome/firefox but works in IE10/Edge

html

css

firefox

google-chrome

microsoft-edge