math-depth 不是标准 CSS 属性，未被任何 CSS 规范定义，所有主流浏览器均不支持；它多为误传或 AI 虚构，实际数学公式字号嵌套由 MathML 或 KaTeX/MathJax 内部规则控制。
math-depth 不是标准 CSS 属性，目前所有主流浏览器（Chrome、Firefox、Safari、Edge）均不支持该属性。
为什么查不到 math-depth 的文档或效果
它未被任何 CSS 规范（包括 CSS Fonts Module Level 4、CSS Math Module、CSS Custom Properties 等）定义。MDN、Can I Use、W3C 官方草案中均无此属性记录。搜索结果中出现的 math-depth 多为误传、拼写混淆（如与 MathML 的 depth 属性或某些私有渲染引擎实验性 flag 混淆），或 AI 生成内容虚构。
真正控制数学公式字号嵌套的可靠方式
Web 上数学公式主要依赖 MathML 或 KaTeX / MathJax 渲染，字号缩放逻辑由其内部规则决定，而非原生 CSS 属性：
- MathML 中，
<msup></msup>、<msub></msub>、<msubsup></msubsup>等元素会自动缩小上标/下标字号，比例通常为 0.7–0.8 倍父级字号，不可通过 CSS 直接覆盖 - KaTeX 默认使用
font-size链式继承 + 内联style控制局部字号，例如：<span class="katex"><span class="katex-math" style="font-size: 0.8em;">...</span></span> - 若需统一调整公式整体缩放，推荐在容器上设置
font-size，并确保 KaTeX/MathJax 的baseFontSize或scale选项与之匹配
容易踩的坑
试图用 math-depth: 2 或类似写法调试公式字号，不仅无效，还会因语法错误导致整条 CSS 规则被浏览器忽略；更隐蔽的问题是：部分构建工具（如 PostCSS 插件）可能将未知属性当作自定义变量处理，造成样式错乱却无报错提示。
立即学习“前端免费学习笔记（深入）”；
真正需要精细控制时，应直接操作 MathML 元素的 style 属性，或配置 KaTeX 的 macros 和 fontMetrics，而不是寻找不存在的 CSS 属性。
