html - 查看某个容器所有使用的css

Question

我想查看某个容器使用的css..

我经常使用 chrome inspect 元素。我偶尔也会使用 Firebug 。

有没有一种方法可以一键查看容器中使用的所有 css 代码。我的意思是我也在谈论所有子 css

<div class="someclass">
    <div class="inner1">
    </div>
    <div class="inner2">
    </div>
   <div class="inner3">
    </div>
   <div class="inner4">
    </div>
</div>

现在是否可以查看 someclass 的所有 css 代码(包括子代码)？

Answer 1

在您的 Chrome 工具的最底部，会显示此内容。可以点击parents、children等在侧边栏查看相关代码。