Chrome自动为<th>添加多余内边距：样式来源及原因咨询

样式来源 #

• 浏览器默认样式表（User Agent Stylesheet）：Chrome这类现代浏览器都会自带一套基础样式，用来保证HTML元素在无自定义样式时也能正常展示。元素的内边距就是这套默认样式里的一部分，不同浏览器的默认值可能略有区别。
• 异常样式规则：你贴出的th:not(table th) {padding: 1px;}规则逻辑很反常——本身就只能嵌套在标签内，这个选择器本应不会选中任何正常的

  元素。大概率是第三方样式库、插件或者你项目里的自定义样式写错了选择器，意外影响到了正常的	。 突然出现的原因 # 样式覆盖失效：之前可能你的自定义样式或引入的样式库已经覆盖了默认/异常样式，后来样式被修改、移除，或者新增了优先级更高的冲突规则，导致原本被隐藏的样式暴露了出来。 浏览器版本更新：Chrome偶尔会微调默认样式表的细节，虽然这种情况少见，但也不排除是浏览器更新后，	的默认内边距设置发生了变化。 排查小技巧 # 如果想精准定位样式来源，可以打开Chrome开发者工具（按F12），选中对应的	元素，在「Styles」面板里查看所有生效规则： 标有「user agent stylesheet」的就是浏览器默认样式； 其他规则会显示来源文件路径，能直接找到是哪个样式文件里的规则在起作用。 内容的提问来源于stack exchange，提问作者IamTwoPizza