我正在Reactjs堆栈中使用Ant设计。我希望这个问题不会太广泛，并且在类似情况下会经常出现。
我在覆盖某些CSS时遇到问题。我想修改.ant-layout-header类，使其使用较少的填充。我在antd.css中找到了需要修改的样式@import'../ node_modules / antd / dist / antd.css';
我更改为
padding: 0 50px;
to
padding: 0 25px;
保存后，当我在浏览器中查看代码时，似乎没有任何变化。我发现我的更改现在在自己的标签中，看起来像：
.Dashboard__ant-layout-header___3h1_L
'。Dashboard__'被添加到其开头，并在其末尾添加'___ 3h1_L'。
至此，我还不完全理解为什么会这样。有没有人看到这种事情发生？如果是这样，如何在不获取这些额外类的情况下将其更改为现有CSS？
这不是定制antd设计的正确方法。