在元素的所有子元素中搜索 CSS 规则，而不仅仅是选定的元素

Question

在 Firefox 检查器的Inspector选项卡中，CSS 规则窗格有一个搜索工具，但它只搜索元素当前选定在 HTML 窗格中。例如，我知道声明下有一个影响布局的异常宽度声明，article但要找到它，我必须逐个元素地向下移动 HTML 分支，直到找到它。

我如何搜索全部元素子元素的 CSS 规则是否适用于所有宽度声明？

Answer 1

我所知道的最快的方法仍然需要遍历元素的子树，但不需要手动选择元素并检查其样式。

你可以采取以下措施来找到罪魁祸首：

1. 在检查器中切换到计算侧面板
2. 在其中搜索“宽度”
3. 选择最顶部受影响的元素
4. 使用键盘上的箭头键在树中导航（↓↑选择树中的下一个/上一个元素，→←打开/关闭子树）

在里面计算面板上您将看到是否width为其设置了属性，并且元素也在页面内突出显示，让您一眼就能看到它是否与最顶部的元素一样宽。