调试css有哪些工具？

Question

我正在把这头发撕掉.人们使用什么工具来调试css的格式问题？我有一些相对简单的使用css导航的格式,如下所示:

/* sub navigation */
.sidenav {
    float: right;
    width: 218px;
}
.sidenav h1 {
    background: #BCB39F url(img/sidenavh1.gif) repeat-x;
    border-bottom: 1px solid #999;
    border-top: 1px solid #CCC;
    color: #4A4A44;
    font-size: 1.2em;
    height: 22px;
    margin: 0;
    padding-left: 12px;
}
.sidenav h1 a {
    color: #554;
    text-decoration: none;
    display: block;
}
.sidenav h1 a:hover {
    background: #D6CCB9;

    color: #654;
}

然后我在我的页面中有这个代码:

<div class="sidenav">
<a href="ceremony">Wedding Ceremony</a> 
<a href="reception">Wedding Reception</a> 
<div class="clearer"></div>
</div>

它没有拿起风格.它工作得很好,所以我在其他地方的变化之一必须敲掉一些不合适的东西(我怀疑某个地方,但我真的很难找到它是什么.我的页面的其余部分格式很好...)

有什么建议？

---

回答发现感谢firebug.

格式化未应用,因为链接的格式化仅应用于<h1>元素中的链接- 即html应该是:

<div class="sidenav">
<h1><a href="ceremony">Wedding Ceremony</a></h1>
<h1><a href=reception">Wedding Reception</a></h1>
<div class="clearer"></div>
</div>

Answer 1

firebug.还有一个纯IE版本在IE中工作,称为firebug lite.

它允许您在运行中关闭或更改任何CSS您想要的.

Answer 2

要回答实际的问题标题:我使用FireBug!

Answer 3

在Web开发扩展做了一些不错的东西太多.