reactjs - 为什么我的样式在codesandbox中没有生效？

Question

如果你看看这个小小的 CodeSandbox 项目:https://codesandbox.io/s/0oj4z7ko00

注意index.html中的以下两个片段:

<style type="text/css">
  #container {
    background: yellow;
  }
</style>

和

<div id="container"></div>

这个容器是 React 渲染应用程序其余部分的地方(可以工作)，但它的背景不是黄色!为什么不呢？

---

此外，如果您查看 Components/Presentational.js，您会发现以下代码片段:

<div className={data % 2 === 0 ? "even" : "odd"}>

在index.html中，这些类名的一些样式:

<style type="text/css">
  .even { color: red; }
  .odd { color: green; }
</style>

请注意，类名已根据 data 属性的值正确分配给元素，但样式并未生效，文本仍为黑色。

在这两种情况下，在检查器中都找不到样式，所以我真的不认为它们被覆盖。但到底发生了什么？为什么我的样式在 CodeSandbox 中没有生效？

Answer 1

完成任何更改后保存该文件，例如保存 HTML、CSS、.js 文件。单击"file"选项卡(左上角)->“保存”