缩进你不确定的 CSS 更改

有时，最简单的小事可以让你在以后避免巨大的头痛。我在这里说的是，当你对 CSS 文件进行更改，几天后才发现它破坏了你网站的一部分，而当时你没有注意到。这可能是非常明显的。你记得你做了什么，可以跳回去修复它。但如果你那天做了很多更改，或者你 просто не помнишь？

当我在 CSS 文件中进行修补时，我喜欢留下一些更改的指示。有时，这可能意味着一个大型的系统，比如 Subversion，或者在你开始进行更改之前进行完整的网站备份。如果你觉得你即将进行的操作不需要这么大的步骤（我希望你始终进行备份！），你可以尝试一些“更小的”技术来跟踪这些更改。

正如你从这篇文章的标题中猜到的那样，其中一项小技巧就是简单地缩进你 CSS 中的新行或更改的行。例如

#sidebar ul li a {
     display: block;
     background-color: #ccc;
          border-bottom: 1px solid #999;
     margin: 3px 0 3px 0;
          padding: 3px;
}

在这个例子中，你可能试图改变侧边栏中链接的外观。为了查看效果，你给每个链接添加了一些填充和底部边框，以帮助它们分开并从视觉上让它们呼吸一点。你保存了更改，然后查看你的网站，bellissimo！太美了！你继续你的快乐时光，直到三天后你收到一封电子邮件

“嘿，Chris，你应该看看你的联系页面，有些东西坏了 =P”
-爱你的，妈妈

哎呀。看来在你进行最后一轮更改时，你忘记了查看网站上的所有地方，以确保一切都按计划进行。现在有些东西坏了……但究竟是什么更改导致了这个问题？这就是你的缩进行派上用场的地方。快速浏览你的 CSS 文件，你应该就能看到你上次做出的所有更改，然后找到有问题的行。

扩展想法

仅仅缩进是一个非常简单的解决方案，但也有一些明显的问题。例如，缩进的行是全新的，还是只是该行发生了更改？如果发生了更改，是从什么更改而来？你什么时候“取消缩进”该行？

这些问题的答案取决于你。仅仅缩进可能对你来说就足够了。如果你的 CSS 文件非常庞大，你不信任自己能够记住你做了什么，或者你只是那种“宁可错杀一千，不可放过一个”类型的人，你可能需要更深入地扩展这个想法。

#sidebar ul li a {
     display: block;
     background-color: #ccc;
          border-bottom: 1px solid #999; /* ADDED Apr. 9, 2008 */
     margin: 3px 0 3px 0;
          padding: 3px;  /* CHANGED Feb. 14, 2008 (Prev. 1px) */
}

那么，你们怎么看？你们是怎么处理这种情况的？