Chrome 开发者工具“样式”选项卡中的“<style>”指的是什么？答案

【问题标题】：What does "<style>" refer to in Chrome developer tools "Styles" tab?Chrome 开发者工具“样式”选项卡中的“<style>”指的是什么？
【发布时间】：2021-12-02 03:47:08
【问题描述】：

我在任何地方都找不到对此的任何引用，实际上是 Google seems to be willfully ignoring my use of quotes 强制将其包含在内 -- "<style>"。在通常会指示哪个 CSS 文件为元素提供样式的区域中，它会显示 <style>：

这是在一个显然没有定义自己的样式的元素上：

那是什么意思？指的是什么？

【问题讨论】：

页面上可能有一些内联 <style> 元素。
它并没有说它是继承的——就像我说的（和图像显示）那个元素上没有内联样式。
我的意思是<style> .edit-action-dialog ... { ... } </style>。做document.querySelectorAll("style") 看看有没有..？
啊，是的，就是这样。谢谢！

标签： html css google-chrome google-chrome-devtools

【解决方案1】：

让评论成为答案：

这意味着页面上有一个带有这些规则的<style>元素，例如

<style>
.edit-action-dialog ... { ... }
</style>

您可以使用例如document.querySelectorAll("style") 列举那些。

【讨论】：