用CSS的quotes属性配合lang标记和::before/::after实现多语言引号自动适配，需为不同lang值设置对应quotes对，并用content:open-quote/close-quote触发，避免硬编码。
用 quotes 属性控制不同语言的引号样式
浏览器默认用英文引号，但中文、日文、法文等语言有各自的引号习惯。直接写死引号（比如 "中文"）会破坏语义和本地化能力，也扛不住用户切换系统语言。真正靠谱的做法是用 CSS 的 quotes 配合 ::before/::after 和 content: open-quote。
-
quotes必须设在设置了content: open-quote或close-quote的元素上才生效 - 值是成对出现的字符串，按「左引号 右引号」顺序写，支持多层嵌套（比如
quotes: "“" "”" "‘" "’";） - 它不自动识别语言——得靠
lang属性触发，所以 HTML 里得写<p lang="zh">...
给 lang="zh" 段落加中文引号的最小可行写法
别碰全局 :root 或 body，容易污染其他内容。只对明确带 lang="zh" 的块级元素生效：
q[lang="zh"], blockquote[lang="zh"], p[lang="zh"] {
quotes: "“" "”" "‘" "’";
}
q[lang="zh"]::before, blockquote[lang="zh"]::before, p[lang="zh"]::before {
content: open-quote;
}
q[lang="zh"]::after, blockquote[lang="zh"]::after, p[lang="zh"]::after {
content: close-quote;
}
注意：这里用了 q、blockquote、p 三类常见容器，不是所有都必须写，按你实际用的标签选；open-quote 不会自动递进层级，嵌套时得靠多组 quotes 值配合 content: open-quote 多次触发。
lang 属性没生效？检查这三点
常见错误不是 CSS 写错，而是语言标记本身没立住：
立即学习“前端免费学习笔记（深入）”；
- HTML 根元素没设
lang，比如漏了<html lang="zh-CN">，会导致部分浏览器忽略子元素的lang匹配 -
lang值拼错，比如写成lang="cn"或lang="zhhans"，必须用标准 BCP 47 标签（zh、zh-CN、ja、fr等） - CSS 选择器权重太低，被其他规则覆盖，用浏览器开发者工具检查
quotes是否真的应用到了目标元素上
英文段落混在中文页里，怎么避免引号错乱
如果一篇中文文章里插了一段 <span lang="en">“Hello”</span>，它不该被套上中文引号。这时候要「重置」英文段落的引号：
[lang="en"]::before,
[lang="en"]::after {
content: normal;
}
[lang="en"] {
quotes: '"' '"' "'" "'";
}
关键点：content: normal 能关掉继承来的 open-quote，比单纯覆盖 quotes 更可靠；quotes 值里的双引号要用反斜杠转义或单引号包裹，否则 CSS 解析失败。
引号这事看着小，但一旦涉及多语言混排、屏幕阅读器朗读、翻译工具提取，硬编码引号就成隐患。真正稳的方式，是让 HTML 承担语言信息，CSS 承担呈现逻辑，中间不靠 JS 插入、也不靠人肉判断。
