如何移除GitHub README中标题标签的border-bottom样式？

不同场景对应解决方案 #

场景1：GitHub、Gitee等代码托管平台的README文档 #

直接在README文件顶部插入以下自定义CSS代码即可，代码不会在页面渲染为可见内容：

<style>
h1, h2 {
  border-bottom: none !important;
}
</style>

• 若部分平台禁止内联style生效，可在每个h1、h2标题末尾添加<!-- no border -->空注释，搭配平台支持的自定义样式规则即可覆盖默认效果，目前绝大多数主流代码托管平台都支持上述内联style写法。

场景2：本地Markdown编辑器（Typora、Obsidian、VS Code Markdown插件等） #

• Typora：打开「偏好设置」→「外观」→「打开主题文件夹」，编辑当前使用的主题.css文件，添加上述CSS代码后重启Typora生效。
• Obsidian：打开「设置」→「外观」→「CSS代码片段」，新建自定义片段粘贴上述CSS代码后启用即可。
• VS Code：打开用户设置，搜索markdown.styles，在配置项中添加上述CSS规则即可生效。

场景3：自行开发的前端项目Markdown渲染场景 #

直接在全局CSS文件中添加h1、h2的border-bottom重置规则，设置优先级高于marked、markdown-it等Markdown渲染库的默认样式即可：

.md-render h1, .md-render h2 {
  border-bottom: unset;
}

若使用了第三方UI组件库的Markdown渲染组件，可加!important强制覆盖组件内置样式。

内容的提问来源于stack exchange，提问作者Omkar