刀巴郎吧 关注:177贴子:5,651
  • 5回复贴,共1

!important是什么意思。。。。。

只看楼主收藏回复

刀哥给的CSS中总有好多!important,但是我试了一下把这个删掉代码照样能用,请问这个到底是干什么用的?


1楼2008-08-04 15:59回复
    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便不会对于代码位置那么挑剔了...


    以上内容完全属于个人理解范畴,仅供参考。


    2楼2008-08-04 17:52
    回复
      2025-05-17 03:24:48
      广告
      强悍,但听说这个玩意儿有些地方还是不太好用


      IP属地:重庆3楼2008-08-05 19:01
      回复
        啊啊啊啊啊啊啊啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

        路过


        IP属地:辽宁4楼2008-08-05 21:43
        回复
          哦,学到知识了。


          IP属地:上海5楼2011-06-29 14:56
          回复
            原来是 这个意思,好了,了解了


            IP属地:山西6楼2011-12-07 16:06
            回复