专业的网站建设联系方式,网站的一般制作流程,广告投放平台排名,前端开发做移动端的网站本篇文章使用最新的IE10以及firefox与chrome测试#xff08;截止2013年5月27日22:23:22#xff09;http://www.cnblogs.com/yudy/archive/2013/05/27/3102825.html CSS的原理#xff1a; 我们知道#xff0c;CSS写在不同的地方有不同的优先级#xff0c; .css文件中的定义… 本篇文章使用最新的IE10以及firefox与chrome测试截止2013年5月27日22:23:22http://www.cnblogs.com/yudy/archive/2013/05/27/3102825.html CSS的原理 我们知道CSS写在不同的地方有不同的优先级 .css文件中的定义 元素style中的属性但是如果使用!important事情就会变得不一样。 首先先看下面一段代码 !DOCTYPE HTMLhtmlheadmeta http-equivContent-Type contenttext/html; charsetutf-8title测试Css中的!Important区别/title /head style typetext/css.testClass{
color:blue !important;
}/stylebodydiv classtestClass stylecolor:red;测试Css中的Important /div/body/html 虽然元素的style中有testClass类的定义但是在上面的css定义中的用!important限定的定义却是优先级最高的无论是在ie6-10或者Firefox和Chrome表现都是一致的都显示蓝色。 这种情况也同时可以说明ie6是可以识别!important的只是这个是ie6的一个缺陷吧。如果写成下面的样式ie6是识别不出来的 .testClass{
color:blue !important;
color:red;
} 这样在ie6下展示的时候会显示成红色。 当然也可以通过以下方式来让ie6识别 .testClass{ color:blue !important; } .testClass{ color:red; } 通过以上方式也是可以让ie6显示成蓝色的。 以上实例说明使用!important的css定义是拥有最高的优先级的。只是在ie6下出了一点小的bug注意书写方式一般可以轻松避开的。 本文转自wiwi博客51CTO博客原文链接http://blog.51cto.com/wiwili/1969152如需转载请自行联系原作者 wiwili
