为什么站点所有<p>标签内的文本单词均为首字母大写状态？

该问题100%由text-transform CSS属性触发，你可以按以下优先级逐步排查定位：

• 优先检查全局CSS中是否存在针对p标签的规则，配置了text-transform: capitalize，该属性的原生作用就是将文本内每个单词的首字母转为大写，其余字符大小写保持不变
• 排查p标签的所有公共父级元素（比如body、站点根容器、公共内容模块容器）是否配置了text-transform: capitalize，该属性支持继承，父级配置后所有子元素都会继承该样式
• 检查是否存在JS逻辑动态给全站p标签添加了包含text-transform: capitalize的样式规则，或是p标签统一加了对应内联样式
• 最快定位方式：打开浏览器开发者工具（F12），选中任意一个样式异常的p标签，切换到「计算样式」面板，搜索text-transform，就能直接看到该属性的来源规则，找到后删除对应text-transform: capitalize配置即可

如果临时需要覆盖修复，可在全局CSS最底部添加如下规则：

p {
  text-transform: none !important;
}

非必要不建议使用!important，优先删除原始异常规则，避免后续出现样式优先级冲突问题。

内容的提问来源于stack exchange，提问作者Landon Byrd