日期:2014-05-17  浏览次数:20592 次

大家帮我看一下,这段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在前,要不无效……