如何使用 chrome 检查 CSS 元素？答案

【问题标题】：How to inspect CSS element using chrome?如何使用 chrome 检查 CSS 元素？
【发布时间】：2012-09-07 20:17:44
【问题描述】：

我正在尝试弄清楚如何使用 Chrome 检查元素。现在我知道如何检查一个元素，但我如何检查按钮的功能，如 hover 和 active 也是如此。

我正在尝试检查页面左上角的 Youtube 登录按钮。我得到了悬停属性，但如何检查链接和活动状态属性？

【问题讨论】：

【解决方案1】：

当您检查元素时，在样式选项卡中，有一个“切换元素状态”按钮。点击它可以应用各种伪状态：

【讨论】：

【解决方案2】：

只需右键单击页面上的任意位置，然后从菜单中选择“检查元素”。 Chrome 有一个用于调试的图形工具（就像在 Firebug 中一样），因此您可以调试 JavaScript 或查看 CSS（您甚至可以临时更改 CSS）

【讨论】：

其实目前的 Chromium/Chrome Code Inspector 是市面上最好的。比 Firebug 或 Dragonfly 更快，并且作为 MS IE 开发工具提供更多功能。
就像我说的我知道如何检查元素，但是当我做所有事情时，它显示的是悬停 CSS 属性我如何或在哪里拉起按钮的链接和活动状态？
啊，对不起，在那种情况下，有人打败了我！