大家帮我看一下,这段CSS什么意思?
以下我是看网上某网页的CSS样式
/*主菜单的样式*/
#topmenu {
MARGIN:0px;
PADDING-TOP: 11px !important;
PADDING-TOP: 9px;
BORDER:0px;
BACKGROUND: transparent no-repeat right top;
COLOR: #FFF;
HEIGHT:27px;
}
其中COLOR表示的是什么颜色?还有为什么写了两个PADDING-TOP?
[解决办法]
如果没记错的话,前面一个应该是给某些浏览器用的,好像是FireFox(还是IE)会认出!important,然后就不管下面的padding-top了。!important就好比是一个过滤器,认得的浏览器就取11px,不认识的就用后面的9px覆盖前面11px
color:#fff;
就等于
color:#ffffff;
白色
类似的,#000等于#000000,是简写形式
[解决办法]
color指的是文字的颜色,这里#fff是#ffffff的说些,即白色
两个padding-top,因为firefox正确识别!important,提升该属性的优先级,于是ff认这一条,而ie6由于某种原因,对该!important似乎不太熟,当紧跟着再次定义该属性后,后定义的属性将覆盖先前定义的属性,于是ie6认这一条,其实这算一种hack,后出的ie7据说已经可以正常识别!important了,也就是说ie7下还是认第一次定义的,所以尽量避免采用这种技术来定义元素是上上子举,哈哈
注:必须!important在前,要不无效……