quotes属性不自动识别语言，仅依赖:lang()匹配lang属性生效；未配:lang(zh)规则或HTML元素缺失lang="zh"声明，将fallback至浏览器默认英文引号。
直接说结论：quotes 属性本身不“自动识别语言”，它只查 lang 属性匹配的 CSS 选择器；没配 :lang()，所有语言都 fallback 到浏览器默认引号（通常是英文双引号）。
为什么设置了 quotes 却没看到中文引号？
最常见原因是 HTML 元素没带 lang 属性，或 CSS 里没写对应 :lang(zh) 规则。浏览器不会根据字体、内容字符或系统语言猜你用的是哪种语言——它只认 lang 这个明确声明。
- 检查 HTML 根元素是否写了
，或者至少在<q></q>或<blockquote></blockquote>上加了lang="zh" - 确保 CSS 中用了
:lang(zh) q { quotes: "“" "”" "‘" "’"; }这类精确匹配规则，而不是只写q { quotes: ... } -
quotes必须配合::before { content: open-quote; }和::after { content: close-quote; }才会生效，光设quotes不调用open-quote就等于没写
quotes 值的写法和嵌套规则
值必须是偶数个字符串，两两成对，空格分隔；顺序即嵌套层级：第一对用于最外层，第二对用于第一层内嵌，第三对用于再内嵌……超出定义范围的层级会 fallback 到 UA 默认引号（不是重复用最后一对）。
- 正确：
quotes: "「" "」" "『" "』";→ 外层用「」，内嵌用『』 - 错误：
quotes: "「" "」" "『";（奇数个）→ 整条声明被浏览器忽略 - 中文场景通常只用一对就够了，比如
quotes: "“" "”";，第二对留空反而容易在嵌套时意外触发英文单引号 - Unicode 转义可用但非必须，
"\201c"和"“"效果一致，后者更直观
多语言共存页面怎么避免引号错乱？
关键在选择器优先级和继承行为。quotes 是可继承属性，但 :lang() 规则必须显式覆盖，否则子元素可能沿用父级的 lang 值或 UA 默认。
- 给不同语言段落加独立
lang：比如<p lang="en"><q lang="zh">你好</q></p>，此时q会匹配:lang(zh) q规则 - 避免用
[lang*="zh"]这类模糊匹配，:lang(zh)才符合标准语义且兼容性更好 - IE8 需要
才支持 <code>quotes，Edge 12+、Chrome、Firefox、Safari 均无问题 - 希伯来文等 RTL 语言还需额外设
direction: rtl和unicode-bidi: embed，否则引号位置可能反向错位
最容易被忽略的一点：quotes 的生效完全依赖伪元素调用，而且只作用于当前元素及其后代中显式使用 open-quote/close-quote 的地方——它不会扫描 HTML 文本里的原始引号字符，也不会影响 <span>"text"</span> 这种硬编码内容。想统一管理引号风格，就得从语义化标签（q、blockquote）和 lang 属性入手，缺一不可。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
