在 Chrome DevTools 上，有什么方法可以查看 属性 的值是否是由于作者样式、用户代理样式或初始样式而设置的
Is there any way, on Chrome DevTools, to see if a property’s value was set as a result of author stylings, user-agent stylings or initial stylings
有什么方法可以在 Chrome DevTools 上查看 属性 的值是根据作者样式、用户代理样式还是初始样式设置的。
我想在创建时了解初始样式和用户代理样式。我知道可以在 MDN 上查找 initial。我实际上不知道列出所有样式的文档，例如 Chrome 的样式。
我猜，如果有办法的话，它会在 'Styles' & 'Computed' 部分。
在“样式”选项卡上，您可以查看应用了哪些 CSS 规则，以及这些规则的来源。在 Stack Overflow 上，您可以看到：
在规则集部分的右上角，您可以看到左侧列出的规则的来源。如果右上角显示“用户代理样式表”，则应用被划掉的 not 部分的规则。 （如果规则被划掉，它们将被页面上后面的规则覆盖）
如果右上角显示 <style> 或类似 something.css 的文件名，则由于页面上的样式标签，正在应用样式。
上面的截图是选择<body>时的截图。如您所见，主体有 2 个用户代理样式表规则：display: block 和 margin: 8px。但是两条规则都被划掉了；它们被页面上 <style> 标记中的规则覆盖。
还有一些初始属性未在页面的 <style> 中设置，也未由用户代理样式表设置。这些可以通过转到“计算”选项卡并检查哪些属性被淡出来区分。例如，在只有 <div> 的空白页面上，您会看到：
用户代理样式表应用的唯一规则（此处）是 <div> 上的 display: block。所有其他 faded-out 规则都是初始规则。用户代理样式表或 <style> 标签应用的规则将是深红色和黑色，不会褪色。
有什么方法可以在 Chrome DevTools 上查看 属性 的值是根据作者样式、用户代理样式还是初始样式设置的。
我想在创建时了解初始样式和用户代理样式。我知道可以在 MDN 上查找 initial。我实际上不知道列出所有样式的文档，例如 Chrome 的样式。
我猜，如果有办法的话，它会在 'Styles' & 'Computed' 部分。
在“样式”选项卡上，您可以查看应用了哪些 CSS 规则，以及这些规则的来源。在 Stack Overflow 上，您可以看到：
在规则集部分的右上角，您可以看到左侧列出的规则的来源。如果右上角显示“用户代理样式表”，则应用被划掉的 not 部分的规则。 （如果规则被划掉，它们将被页面上后面的规则覆盖）
如果右上角显示 <style> 或类似 something.css 的文件名，则由于页面上的样式标签，正在应用样式。
上面的截图是选择<body>时的截图。如您所见，主体有 2 个用户代理样式表规则：display: block 和 margin: 8px。但是两条规则都被划掉了；它们被页面上 <style> 标记中的规则覆盖。
还有一些初始属性未在页面的 <style> 中设置，也未由用户代理样式表设置。这些可以通过转到“计算”选项卡并检查哪些属性被淡出来区分。例如，在只有 <div> 的空白页面上，您会看到：
用户代理样式表应用的唯一规则（此处）是 <div> 上的 display: block。所有其他 faded-out 规则都是初始规则。用户代理样式表或 <style> 标签应用的规则将是深红色和黑色，不会褪色。