html 的 lang 属性必须显式声明，:lang() 仅匹配元素自身或最近祖先的 lang 值，不识别文本内容；多语言混合时需为具体元素设 lang，区分简繁宜用属性选择器而非 :lang(zh-cn)；open-quote 行为取决于元素自身 lang，非选择器中的 :lang()；lang 值须严格符合 bcp 47 标准。
html 的 lang 属性必须显式声明，不能依赖浏览器默认或父级继承
很多页面只在 标签上写了 lang="zh"，但实际内容混有英文段落或术语，这时 :lang(en) 选择器不会生效——因为子元素没声明自己的语言。CSS 的 :lang() 匹配的是元素自身或最近祖先的 lang 属性值，不是根据文本内容自动识别。
实操建议：
- 对多语言混合内容，必须为对应文本容器（如
<p></p>、<span></span>）显式添加lang属性，例如：<span lang="en">API</span> - 避免仅靠
就以为所有中文规则能覆盖全文 - 若用 JS 动态插入内容，记得同步设置
lang属性，否则:lang()规则对新节点无效
:lang() 不匹配语言子标签，需完整匹配或使用属性选择器兜底
:lang(zh) 能匹配 lang="zh"、lang="zh-CN"、lang="zh-Hant"，但 :lang(zh-CN) **不会** 匹配 lang="zh" —— 这是 CSS 规范定义的“以该值开头且后跟连字符或结束”的逻辑。可它不支持通配或模糊匹配。
常见问题场景：
立即学习“前端免费学习笔记（深入）”；
- 想统一给所有中文变体加引号样式，但写了
:lang(zh-CN) { quotes: "「" "」"; }，结果lang="zh-TW"的内容没生效 - 想单独处理简体，又不想漏掉
zh-SG、zh-MY等
推荐做法：
