我有一个包含多个CSS文件的项目，每个文件都有许多不同的设置。我偶尔会在页面上放置一个元素，它会出现意外情况，比如奇怪的缩进，字体颜色，悬停行为等。总是要弄清楚究竟是什么CSS设置导致了这种行为。有没有办法确切知道哪些CSS值应用于给定元素？
答案 0 :(得分：15)
结帐'FIREBUG'for firefox ....令Web开发人员的惊人附加组件
https://addons.mozilla.org/en-US/firefox/addon/1843
您可以点击元素，它会显示已应用的类。
更好的是，您可以直接更改css值并在浏览器中实时查看结果 - 使设计更容易，更快捷。
答案 1 :(得分：2)
获取Firebug（适用于Firefox）并使用'Inspect'功能 - 它将显示突出显示元素的有效CSS（以及它的来源）。
答案 2 :(得分：2)
最好的工具是Firebug，它是Firefox的扩展，向您展示元素如何以及在何处继承其当前样式。
答案 3 :(得分：2)
通常，您需要检查元素。
在Firefox中，安装Firebug，右键单击元素并选择“检查元素”。
在Google Chrome中，右键单击并选择“检查元素”。
在IE8中按F12或转到工具 - ＆gt; “开发者工具”然后去查找 - ＆gt; “单击选择元素”，然后单击元素。
检查完元素后，您会看到适用于它的CSS规则列表。您还可以获得计算出的样式。
答案 4 :(得分：1)
Firebug对于查看CSS正在装饰元素有很大帮助。
答案 5 :(得分：1)
正如上面提到的人们提到的那样，自从切片面包检查css如何影响你的网站以来，Firebug是最好的事情。
你也可以使用这个小工具ALONG和firebug，然后你的CSS调试变得容易了！
答案 6 :(得分：0)
Safari的新“Web Inspector”与Firebug一样好或更好。我现在停止使用Firebug，因为Safari更聪明。