0

我正在使用包含 global.css 文件的 sapper 原始模板。在该文件中，@media 具有以下设置：

 @media only screen and (min-width: 500px) {
        body {
            font-size: 14px;

        }
    }

我刚刚添加了背景颜色：棕色；什么也没有发生。该文件的目的不是将该文件中的css应用于应用程序中的每个页面吗？我知道在组件样式中添加 : global() 

:global(html) {
  background-color: green;
  }

但是我需要将所有更改都放在一个地方，因此 global.css 应该更新为：

@media only screen and (min-width: 500px) {
        body {
            font-size: 14px;
            background-color: greenyellow; <!-- Added this -->
        }
    }

但如果我将更改添加到 global.css 文件，则没有任何变化。只有当我将它添加到组件样式时。如何将该更改添加到 global.css 并从 global.css 应用？如何通过在 global.css 中添加背景颜色来使 global.css 成为我的 sapper 应用程序中 css 的主要提供者？

4

0 回答 0