今天自己开始做skin,在调试 category tree (分类树型目录) 的时候出了一些问题。
不论怎么修改 .branch 都不能让tree同时在ie和firefox下正确显示。火大。想到了以前学了一点 div的时候有!important 规则,但是记不太清了。查了下css手册,找到了下面的文字。
语法:
{ srule!important }
取值:
srules : 样式表定义说明:
提升指定样式规则的应用优先权。
示例:
div { color:red!important }
应用于:然后就开始对css里的.branch3进行修改
.branch3 {
cursor:pointer;
line-height:100%;
padding: 2px 2px 2px 2px !important ;
padding:2px 2px 4px 2px ;
}说明
当padding为2px 2px 4px 2px ;时,ie显示正确;
当padding为2px 2px 2px 2px ;时,firefox显示正确
ie执行过程是按顺序先执行 2 2 2 2 !important (!important对ie无效),再执行 2 2 4 2;
ff是执行2 2 2 2 !important后,因为有!important这个规则,之后的2 2 4 2为无效样式;
在ff里,!important就是老大。






