只设 quotes: "“" "”" 会导致第二层嵌套 fallback 到浏览器默认英文单引号，因为 quotes 值必须为偶数个字符串、两两成对，且按 DOM 嵌套深度严格索引取值，超出定义范围即使用 UA 默认引号。
直接说结论：只设 quotes: "“" "”" 这一对，第二层嵌套就会 fallback 到浏览器默认（通常是英文单引号），不是你漏写了，是规范就这么定的——必须成对提供、偶数个字符串，且层级严格按 DOM 嵌套深度索引取值。
为什么嵌套后第二层变成英文单引号？
浏览器查 quotes 值时，按顺序取：第一对给最外层 <q></q>，第二对给它的直接子 <q></q>，第三对给孙级……超出定义范围就用 UA 默认引号（Chrome/Firefox 通常回退为 'single'）。所以只写两个字符串，等于只声明了第一层，第二层根本没匹配项。
-
quotes: "“" "”"→ 仅覆盖第一层；内嵌<q></q>渲染为'内容' -
quotes: "“" "”" "‘" "’"→ 第一层用 “”，第二层用 ‘’，干净利落 -
quotes: "“" "”" "‘"→ 奇数个字符串，整条声明被忽略，全部退化为浏览器默认
中文双引号嵌套的最小可靠写法
中文排版极少需要三层以上，但两层必须显式定义。推荐直接在 q 元素上写死四元组，不依赖 :lang() 或继承，避免框架重置干扰：
q {
quotes: "“" "”" "‘" "’";
}
q::before { content: open-quote; }
q::after { content: close-quote; }
这样写有三个关键点：
立即学习“前端免费学习笔记（深入）”；
- 四字符串、两两成对、空格分隔，满足偶数要求
- 没加
:lang(zh)也能生效，适合多数 CMS 或静态站点 - 显式绑定伪元素，绕过浏览器内置样式表的不确定性
表格里或复杂结构中嵌套失效怎么办？
quotes 不作用于普通文本，也不看 HTML 标签位置（比如 <tr><td><q><q> 是两层，但前提是外层 <code><q></q> 确实包裹了内层——DOM 深度才算数，不是表格行列算数）。
- 如果表格单元格里写的是纯文本
<td>他说“你好”</td>，quotes完全无效；它不扫描和替换已有字符 - 想让表格内引用也自动加引号，必须用语义标签：
<td><q>他说<q>你好</q></q></td> - 若父容器（如
<table>）被设了 <code>quotes: none，子q会继承 —— 此时得在q上重新声明quotes，不能只靠祖先Chrome/Safari/Firefox 行为差异要注意什么？
Firefox 最守规范：缺一对就严格 fallback；Chrome 和 Safari 对空值或缺失对容忍度略高，但不可依赖。真正容易被忽略的是编辑器预览环境：
- 很多在线 HTML 编辑器（尤其是 iframe 预览）不传递
lang属性，或未启用open-quote支持，导致本地看是英文引号，实际浏览器打开却是中文 - 测试时务必在真实浏览器中打开 HTML 文件，而不是只信编辑器右侧面板
- 不要用
quotes: auto—— 虽然 CSS3 加了这个值，但截至 2026 年底，各浏览器对其语言识别逻辑支持仍不稳定，中文页面大概率还是出英文引号
- 很多在线 HTML 编辑器（尤其是 iframe 预览）不传递
