CSS 语法由三部分构成:选择器(ID)、属性(对象)和值(参数):
#header div.tit { /*空间名称*/
color:#000;font-size:14px;
}
其中:
选择器(ID) ---- #header div.tit
属性(对象) ---- color和font-size
值(参数) ---- 000和14px
那么,当一个页面中同时存在两个或两个以上具有相同ID及对象时:
#header div.tit { color:#000;font-size:14px;font-weight:400; }
#header div.tit { color:#CCC;font-size:15px;font-weight:600; }
#header div.tit { color:#ff0;font-size:16px; }
页面将遵循“后盖前”的规则来决定最终的页面效果:
#header div.tit { color:#FF0;font-size:16px;font-weight:600; }
也就是说当有相同ID及对象存在时,CSS的书写顺序会直接影响最终的页面效果。
!important的作用是提升对象的优先级:
#header div.tit { color:#000;font-size:14px;font-weight:400!important; }
#header div.tit { color:#CCC;font-size:15px;font-weight:600; }
#header div.tit { color:#ff0;font-size:16px; }
这里font-weight:400虽然在最前面,但是有了!important的提升,那么最终的页面效果将为:
#header div.tit { color:#FF0;font-size:16px;font-weight:400; }
个人空间中书写代码的顺序是由自己掌控,因此一般情况下没有必要使用!important,
我的某些CSS内容经常会被拿来放进其他空间测试或使用,在关键对象上使用!important便不会对于代码位置那么挑剔了...
以上内容完全属于个人理解范畴,仅供参考。
#header div.tit { /*空间名称*/
color:#000;font-size:14px;
}
其中:
选择器(ID) ---- #header div.tit
属性(对象) ---- color和font-size
值(参数) ---- 000和14px
那么,当一个页面中同时存在两个或两个以上具有相同ID及对象时:
#header div.tit { color:#000;font-size:14px;font-weight:400; }
#header div.tit { color:#CCC;font-size:15px;font-weight:600; }
#header div.tit { color:#ff0;font-size:16px; }
页面将遵循“后盖前”的规则来决定最终的页面效果:
#header div.tit { color:#FF0;font-size:16px;font-weight:600; }
也就是说当有相同ID及对象存在时,CSS的书写顺序会直接影响最终的页面效果。
!important的作用是提升对象的优先级:
#header div.tit { color:#000;font-size:14px;font-weight:400!important; }
#header div.tit { color:#CCC;font-size:15px;font-weight:600; }
#header div.tit { color:#ff0;font-size:16px; }
这里font-weight:400虽然在最前面,但是有了!important的提升,那么最终的页面效果将为:
#header div.tit { color:#FF0;font-size:16px;font-weight:400; }
个人空间中书写代码的顺序是由自己掌控,因此一般情况下没有必要使用!important,
我的某些CSS内容经常会被拿来放进其他空间测试或使用,在关键对象上使用!important便不会对于代码位置那么挑剔了...
以上内容完全属于个人理解范畴,仅供参考。
