lang属性不继承，但:lang()伪类可向上查找最近显式lang声明并匹配子元素；混排外文须为每个语言区块显式添加符合bcp 47的lang值；q标签引号依赖lang，动态切换语言需同步更新所有显式lang属性。
lang属性不继承，但:lang()伪类能穿透嵌套
很多人以为给父容器写 lang="en"，里面的 <p></p> 或 <span></span> 就自动“继承”了语言，其实不会——DOM 层面没有属性继承这回事。但 CSS 的 :lang() 伪类可以向上查找最近的显式 lang 声明，再向下匹配未声明语言的子元素。这意味着：<div lang="en"><p>Hello <span>world</span></p></div> 中的 <span></span> 虽无 lang，仍会被 :lang(en) 选中。
常见错误是只用 [lang="en"] 选择器，它只能匹配显式写了 lang="en" 的元素，漏掉所有没声明但语义上属于英文的文本节点。
-
:lang(en)匹配自身或任意祖先有lang值属于英文大类（如en、en-US、en-GB）的元素 -
[lang="en"]只精确匹配lang属性值等于"en"的元素，不兼容en-US -
[lang|="en"]可匹配以en开头的语言标签（如en-US），但依然要求该元素自己带lang属性
混排外文时必须为每个语言区块显式加lang
中文页面里夹一段英文术语、法语引文或代码注释里的西班牙语，不能指望浏览器“猜”出来。不加 lang，屏幕阅读器可能用中文音调读英文单词，拼写检查默认启用中文词典，翻译按钮也不出现。
正确做法是：在哪段内容语言变了，就在包裹它的最小语义容器上写 lang。比如：
<p>这个功能支持 <span lang="en">real-time sync</span> 和 <span lang="ja">リアルタイム同期</span>。</p>
注意点：
- 不要只在
上设主语言就完事——那只是兜底，不影响局部混排 -
lang值必须符合 BCP 47 标准：zh-Hans、en-US、ja都行；zh_CN、ch、english是非法值，浏览器直接忽略 - 像
<pre class="brush:php;toolbar:false;" lang="bash"></pre>这种非自然语言的用法虽非标准，但被主流工具（如 Prism、VS Code）识别，可保留用于语法高亮上下文
q标签嵌套引号失效，根本原因是lang缺失或错配
<q></q> 标签是否渲染中文引号「」、英文引号“”，完全取决于它或其祖先是否有合法且有效的 lang 值。没写 lang，浏览器一律按英文处理；写了 lang="zh-CN" 却在旧版 Safari 中被无视，也会回落成英文引号。
典型失败场景：
-
<q>他说<q>快上线</q>了</q>—— 外层没lang，内层也没，全部显示为 “” -
<div lang="en"><q>他说<q lang="zh">快上线</q></q></div>—— 外层lang="en"不影响内层lang="zh"，但若内层lang="zh"写成lang="zh-CN"，Safari 可能不认
可靠解法：
- 每个
<q></q>都显式写lang="zh"（不是zh-CN），兼容性最好 - 配合 CSS 强制控制：
q:lang(zh) { quotes: "「" "」" "『" "』"; } - 超过两层嵌套时，放弃
<q></q>，改用<span></span>+::before/::after手动插入引号
动态切换语言时，只改document.documentElement.lang不够
单页应用里常犯的错：用户点“切换英文”，JS 只执行 document.documentElement.lang = "en"，以为全页面语言都变了。实际上，已渲染的子元素（尤其是那些早先用 lang="zh" 显式标注的）不会自动更新行为——屏幕阅读器仍按原 lang 值播报，:lang(zh) 样式也不会消失。
真正要做的有两件事：
- 把所有显式声明了
lang的元素（比如<p lang="zh"></p>、<span lang="ja"></span>）也一并更新，或者干脆移除它们，让整个文档退回到根lang控制 - 如果保留局部
lang，就得同步更新对应 DOM 节点的属性值，不能只靠根节点“广播” - 对 SSR 渲染的首屏 HTML，
lang必须在服务端就写对；JS 后期修改只影响新挂载的节点和部分样式重算，无法修复已存在的无障碍问题
最易被忽略的是：语言切换后，q 标签、拼写检查、字体回退、甚至某些 input 的软键盘类型（如 enterkeyhint）都不会自动响应根 lang 变更——它们只看当前元素自身的 lang 或祖先链上的最近有效声明。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
