为什么我可以更改“检查元素”中的元素，但我的 css 文件中的相同更改没有影响？

Question

我正在尝试更改 JSX 元素的填充。在检查元素中，我可以轻松更改填充，但是当我在 CSS 文件中尝试相同的内容时，没有任何变化。

1. css 文件已正确链接，这是我在同一个文件上运行正常的大概 20 年后遇到此问题的第一个元素。

2. 我已清除浏览器上的缓存。

3. 父元素具有必要的设置，例如高度和宽度。

我可能只是遗漏了一些东西，感谢任何帮助！

Answer 1

我找到了解决方案，我必须在 css 行之后包含 !important 以覆盖它想要做的事情。

例子...

  .topLine {
      padding-right: 5% !important;
   }