关于css 中的 !important

   最近，在做网页，在调整CSS样式表时发现了一个问题。

   问题： 在给元素加样式进行时，样式不生效。 如：圆角样式，可不知道如何它却始终不生效。找了很久的原因，发现前面已经有样式指定圆角样式为0px;  但是，就我们知道的样式优化级来说，当指定同一样式时，后面的样式会覆盖前面的样式，那为啥我的样式没有生效呢？

-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+,

 解决： 在属性值后面加!important ， 你会发现样式奇迹一般的起作用了。

-moz-border-radius: 30px !important; /* Firefox */
 -webkit-border-radius: 30px !important; /* Safari 和 Chrome */
 border-radius: 30px !important; /* Opera 10.5+,

 原理： !important 到底是做什么的？为何加了它样式就生效了呢?

  百度一下： css !important作用是提高指定CSS样式规则的应用优先权。  !important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}

 在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级，也就是相当于写在最下面。 详情点此链接  

  感悟：之前经常看到别人的CSS中有写!important ,有曾经产生过疑问，到底是做什么的，却一直没有去查一下，直到遇到问题。要让心中不留疑问哦！