Css 用较少的参数替代AntD组件样式

我怀疑这是一个较少的问题，可能不是特定于Ant设计的，除了他们实现某些组件的方式阻止我重写或扩展样式之外

具体来说，我想更改PageHeader组件标题区域的字体大小和重量。不幸的是，组件的样式没有使用默认的.LESS主题中为这两个设置定义的LESS变量。可在此处找到源代码：

例如，我在更改颜色或主题中定义的任何其他变量时没有遇到任何问题，但我对LESS不太熟悉，不知道如何覆盖为这样的单个组件定义的样式。哦，我不想使用内联样式。我们在应用程序中的许多地方都使用这个组件，所以我想在一个地方定义覆盖，一次，然后让它们成为应用程序的全局覆盖（就像我可以使用主题变量一样）

---

那么，如何覆盖引用文件第45行和第46行中定义的字体大小和字体大小样式呢？

以下是我在项目中如何实现的示例：

使用.css文件 通过

.CSS/.scss

等方式覆盖CSS类：

// Main layout where all antd componets used.
import './MyLayout.css';

/*MyLayout.css*/
.ant工具提示内部{
背景色：白色；
颜色：黑色；
}

在这里，我反转了所有工具提示（默认为黑色）

使用样式化组件 如上所述，与CSS-JS相同：

const LayoutStyled=styled（布局）`
高度：100vh；
* {
字体系列：-苹果系统、BlinkMacSystemFont、“Segoe UI”、机器人、氧气、，
Ubuntu，Cantarell，'开放式Sans'，'Helvetica Neue'，无衬线；
}
.蚂蚁布局侧灯.蚂蚁布局侧灯触发器{
右边框：1px实心${HCOLOR.border}；
}
`;

在这里，我覆盖了所有字体，并将右边框添加到antd sider触发器（默认无边框）

---

结论

---

使用开发工具（

Ctrl+Shift+C

在Chrome中）查找css类/css属性，并根据需要覆盖它。

使用

less

文件应用antd文档中提到的样式。

只需覆盖cas类何处？怎么用？我们所做的一切都没有起到任何作用。你能不能把你想要的输入、输出告诉我，我会告诉你的。说起来容易做起来难。我将不得不重新创建整个解决方案，以使所有涉及的设置正确（根据）。而且，正如我提到的，我们被指示不要使用内联样式，因为这些更改需要在全局范围内完成。如果解决方案无法简单描述，那么我怀疑我们的治理委员会不会支持它。您不必重新创建所有项目。。。只是显示一个组件。。。不管怎样，我补充了我的答案。看来我们的问题是覆盖的位置。一旦我们将它们与应用程序的主布局相关联，就会应用覆盖。我将此作为答案，等待我们的治理委员会进行审查，以确保他们可以覆盖CSS类，而不是源代码较少的变量（如最初的问题）。