一个css的大括号引发的惨案

昨天提完代码后就下班走了，一路上雪景还没欣赏够呢我同事就发QQ消息给我，说：”强哥，怎么办，我一更新完你提交的代码项目瞬间爆炸了，样式全乱了。我当时直接从欣赏美丽雪景的一脸懵逼的清醒过来，但都到家了，只能给他说明天去了再改吧~~

第二天到了公司，看到的页面是这样的：

心中顿时万只草泥马奔腾而过，然后无奈的开始打开谷歌浏览器的调试工具来排除bug。

1.首先，上面的按钮还能点，也可以跳转到相应的页面，但是样式是乱的，由此可以肯定是css样式出现了问题。

2.然后，使用调试工具点击页面一个标签时发现，调试工具右面显示我写的样式并没有被引入。

3.然后就跑去Network里面看看publicCss这个我写的样式文件载入了没。

发现报的是304，并不是200（成功），所以又去度娘一圈304是什么鬼。发现原来是浏览器缓存有publicCss文件，所以直接加载缓存中的publicCss文件了，所以才会报304，但是并不碍事的在此地。

4.然后打开上图的publicCss文件，发现里面有一千多行代码，都有样式啊，为啥就是不在页面显示呢？于是只能在编辑器里打开publicCss文件一行一行的来检查了，最后终于发现了在publicCss文件的第74行一个样式写完之后没有写闭合的}（大括号），导致74行以后的代码都失效了，所以页面的样式才没有显示（左侧菜单栏的样式跟总体的样式不在一个css文件中，所以左侧菜单栏还是好好的），知道真相的我简直眼泪就要掉下来。

最后改好后是这样的：

最后要给大家说以后在写代码时一定要仔细，细心，要不一个小错误可以酿成大灾祸~~而且使用svn提交代码时有冲突一定要解决好再提交，要不也容易多删少删几个括号，变量，留下灾难性的隐患~~