css - 一些 CSS，在开发中运行良好，在构建版本中不起作用

Question

在 vue.js 中，我使用的大部分 css 都运行良好，但是 一些 css 例如，

在 Home.vue 中

<template>
...
</template>
<script>
...
</script>
<style>
h1 {font-size:2.6em;font-weight:bold;color: #848381;}
</style>

在 dev mod 中，在我的笔记本上，h1 css 运行良好。 但是当我运行 npm run build 并将文件上传到 aws webserver 时，h1 的颜色是其他颜色。

---加法---

在 Chrome 开发工具中，我发现 css 的某些部分是自动添加的。 对于所有 h1 ~ h6 标签 color:inherit 被添加。 如果我关闭该 css，颜色将更改为与开发模式相同。

我该如何解决？
我应该检查什么区域？

Answer 1

打开 Dev Tools 并查看应用到 h1 标签的样式的声明位置。

检查样式是否被覆盖

尝试如下:

h1 {
   font-size:2.6em !important;
   font-weight:bold !important;
   color: #848381 !important;
}