理解css层次结构

我来自一个有角度的背景。在Angular中，您有一个全局样式。当您在组件的样式中覆盖相同的类时，它就会被很好地覆盖

在React中，我创建了自己的全局样式，并使用

import./global styles.scss'将其导入到我的
index.js
顶部。这使得全局样式可以很好地覆盖所有组件。我的问题是我不能在本地“组件”样式中覆盖全局样式。我知道我可以使用像
这样的“hacks”！重要信息
，但这不是我正在寻找的解决方案类型

如何更改内容以使本地“组件”样式覆盖“全局”样式？

若你们来自一个有角度的背景，那个么你们将完全理解我的意思，对于React人来说，我希望我的问题是有意义的：）
Hmm，你们能检查两个css元素的特殊性吗？因为你们在顶级组件中加载全局css，所以它必须覆盖你们的组件样式。我看到的唯一原因是特殊性。