绝大多数场景下<style>标签在Markdown中能生效，但取决于解析器：VSCode、Typora、Obsidian原生支持；GitHub、GitLab、Jekyll默认过滤或剥离。
直接在 Markdown 文件顶部写 <style> 标签，绝大多数场景下能生效，但效果取决于解析器 —— VSCode 内置预览、Typora、Obsidian 原生支持；GitHub、GitLab、Jekyll 默认不解析，会原样显示或过滤掉。
哪些 Markdown 解析器允许 <style> 标签直接运行
关键看底层是否启用 HTML 支持且未禁用 <style>。常见情况如下：
- VSCode 内置预览（
Ctrl+Shift+V）：✅ 允许，但仅作用于当前文档，不跨文件，且不支持@import或外部 URL - Typora：✅ 默认启用，保存后实时渲染，支持嵌入和内联
style - Obsidian：✅ 需开启「HTML 标签」选项（设置 → 编辑器 → 启用 HTML），否则会被忽略
- GitHub/GitLab README.md：❌ 过滤掉所有
<style>和属性，只保留纯 Markdown 结构 - Jekyll / Hugo 静态站：⚠️ 取决于模板 —— 若
{{ content }}是经过kramdown或goldmark渲染后输出，则<style>会被剥离；需改用{% raw %}...{% endraw %}包裹或在 layout 中注入
<style> 写在 MD 文件开头的实操要点
位置不重要（开头/中间/结尾都行），但必须是完整 HTML 标签，且不能被空行或缩进破坏结构：
- ✅ 正确写法：
<style>h1 { color: #2c3e50; }</style>—— 紧贴文字，无缩进，无空行包裹 - ❌ 错误写法：
<style>...（首行缩进）、<style>\n\nh1{...}（中间空行）、<style type="text/css">（部分解析器拒绝带type属性） - ⚠️ 注意作用域：
<style>是全局生效的，会影响整个页面，包括后续引入的其他 MD 片段（如通过include插件加载的内容） - ⚠️ 不支持 CSS 变量跨文档继承：定义的
:root { --main-color: red; }在该 MD 文件内有效，但不会透出到其他文件
为什么有时写了 <style> 却没效果
不是代码写错了，而是环境拦截或解析策略导致：
立即学习“前端免费学习笔记（深入）”；
- VSCode 中打开的是「Markdown Preview Enhanced」预览页？它默认禁用内联
<style>，只认自己配置的style路径 —— 此时要关掉该扩展预览，切回原生Ctrl+Shift+V - 浏览器直接双击打开
.md文件？多数浏览器不解析 Markdown，只是纯文本展示，<style>完全不执行 - 用了 Pandoc 转 PDF？默认禁用 HTML 标签，需加
--html或--standalone参数才保留<style> - CSS 选择器权重不够：比如想改
h1颜色，但解析器已用!important锁死，就得写成h1 { color: red !important; }
真正稳定可控的方式，从来不是靠“写在哪”，而是清楚知道“谁在解析”。同一段 <style>，在 Typora 里立刻变色，在 GitHub 上就是一行废字符 —— 别猜兼容性，先查你手头工具的文档里有没有写 “HTML support” 和 “<style> enabled”。
