下面的语句是纯CSS圆角框第一章:基本的圆角框之中的CSS语句,使用外部CSS调用的时候使用不了,这是怎么回事啊,可是在同一HTML页面时又能使用?
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{border-color:#96C2F1;}
.color1 .b1,.color1 .b8{background:#96C2F1;}
优先级
提高优先级简单的办法:.color1 .b1,.color1 .b8{background:#96C2F1 !important;}
目前针对所有主流浏览器都支持!important提高样式的优先级,但是在IE6下有个bug,
在同一个样式中设置!important起不了作用,比如div{font-size:12px !important;font-size:14px}
实际上起作用的是font-size:14px
如果需要时font-size:12px起作用,需这样设置
div{font-size:12px !important;}
div{font-size:14px;}