MkDocs中移除HTML段落默认外边距的CSS为何不生效？

普通HTML里直接加<style>能生效，但MkDocs会加载主题自带的CSS，其优先级比你在文档里写的样式更高，导致自定义样式被覆盖。给你几个可行的解决办法：

• 内联样式直接指定：给需要去掉外边距的元素直接加内联样式，优先级最高，确保生效：

  <p style="margin-top: 0;">你的段落内容</p>
  <h1 style="margin-top: 0;">你的标题内容</h1>
  

• 添加全局自定义CSS（推荐批量处理）：

  1. 在MkDocs项目根目录的docs文件夹下新建css/custom.css文件，写入样式：

     /* 针对主题的内容容器（多数主题用markdown-body类），确保优先级高于默认样式 */
     .markdown-body p, .markdown-body h1 {
         margin-top: 0;
     }
     

     注：如果主题的内容容器类不是markdown-body，可以打开浏览器开发者工具查看元素的父级类名，替换成对应名称即可。
  2. 在项目根目录的mkdocs.yml配置文件中添加：

     extra_css:
       - css/custom.css
     

  3. 重启MkDocs服务，自定义样式就会全局生效。

• 临时提升样式优先级（不推荐）：如果不想修改配置，也可以在文档的<style>里加!important强制覆盖主题样式，但这种方式不利于后续维护：

  <style>
      h1, p {
          margin-top: 0 !important;
      }
  </style>
  

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