有时在写css样式，并调试时，会出现很不可思议的现象，比如：我们定义了一个<div class=”aaa”></div>，在css中定义样式，.aaa{width：500px;}，但预览时该div块却没有定义的那么宽，这时用firebug调试发现，css样式 中多了一句：element.style{width：400px;}，将原来的样式覆盖掉了，但自己并没有定义啊！
这有可能是system.css，或者是使用js代码所致。
解决这个问题的比较简单的方式就是使用！important，在原来的样式中加入！important，即.aaa{width:500px !important;}，使用！important后的属性优先级就很高了，可以覆盖掉element.syle的样式。