"*" 不是一个纯粹的选择器。如何全局添加样式？答案

【问题标题】："*" is not a pure selector. How to add styles globally?"*" 不是一个纯粹的选择器。如何全局添加样式？
【发布时间】：2022-01-23 07:40:00
【问题描述】：

我正在使用 Nextron。我成功运行了我的代码，但是当我打开窗口时，body 标签的边距为 8px。我打开了开发工具并成功更改了它，但是如何更改我的代码？如果我尝试将它添加到任何 module.css 文件中，它会给我一个错误。如果我尝试制作一个 global.css 文件，它会忽略它。我应该如何配置具有全局样式的窗口？

_app.js：

export default function MyApp({ Component, pageProps }) {
    return <Component {...pageProps} />
}

global.css：

* {
  margin: 0;
  padding: 0;
}
html,
body {
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
  padding: 20px 20px 60px;
  max-width: 680px;
  margin: 0;
}
a {
  color: inherit;
}

【问题讨论】：

标签： javascript css next.js electron

【解决方案1】：

您可以使用reset.css 或normalize.css 摆脱默认样式。您可以在这些页面上找到安装说明。

至于您的导入问题，我怀疑有人可以帮助您提供您提供的详细信息。您可以使用样式结构更新您的答案。

【讨论】：