Chrome DevTools 中的[属性样式]在哪里定义？

Question

我正在开发一个有很多表的网络应用程序。在该产品的早期版本中，表格行上有一些额外的填充。这不是在样式表中专门定义的，而是由用户代理（在本例中为 Windows 10 上的 Chrome v126.0.6478）添加为

border-spacing

:

在新版本中，这个间距消失了——但我看不出它在哪里改变。现在，用户代理的

border-spacing

被

table[Attribute Style]

覆盖，正在设置

-webkit-border-n-spacing

值：

这个

table[Attribute Style]

在哪里定义的，当我使用相同的浏览器查看相同的（基本）代码时，为什么两个版本之间会有所不同？

Answer 1

您的表格很可能具有“cellspacing”属性。当存在时，这提供了一个演示提示，它被添加到样式级联中作为优先级最低的作者来源样式。

这就是 [Attributes Style] 的含义 - 从元素上的 HTML 属性获取的表示提示，在本例中是在表元素上。