<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

          理解css里的!important是什么意思?

          網絡 2008/4/25 23:11:14 深山行者 字體: 瀏覽 19898

          是為了兼容IE/FF

          font-size: 12px !important;
          font-size: 13px;
          在IE里面,由于IE不理解 !important,則字體大小按照最后設定的13px展示
          而FF里面, !important為提高優先級別,則字體大小按照 !important標記的12px展示
           

          "!important"ie6是不能識別的,而FF可以,所以用它對FF和IE6.0分別設置樣式,原因是這兩種瀏覽器中對代碼的解釋存在差異,因而導致有時候相同的樣式卻是不同的效果!
          后來到了IE7"!important"又可以被識別了,所以就不能用了;
          現在的做法是IE7中在樣式前加"*+html",FF則直接寫,FF不能識別"*+html"這個字符串,利用這點做到樣式對瀏覽器的兼容;不過缺點是增加了樣式表的長度,拖延了載入時間~
          不過最好的做法還是用JS探測瀏覽器的版本,然后鏈接不同的樣式表!

           

          首先,!important使用的主要目的是區分(IE6)和(IE7,FF),注意IE6是一類,IE7,FF這兩個是一類,因為這兩個對最新的css完全支持且程度類似。

          其次,IE6不解析!important(所以IE6的css最新標準支持不完全),IE7,FF解析!important(支持完善)

          再次,某些css某些代碼在這兩類瀏覽器里的顯示是有差別的(注意這也是使用!important的主要原因所在),比如height: 21px;,在IE6和(IE7,FF)里顯示就有差別,后者(IE7,FF)會比前者(IE6)少一個像素。

          所以,為了保持各個瀏覽器顯示效果的一致,我們使用兩句話分別針對兩類瀏覽器,

          className{
          height: 22px !important;
          height: 21px;
          }


          height: 22px !important;只有IE7,FF解析
          height: 21px;只有IE6解析

          比且最終兩類瀏覽器顯示效果一致,如果不區別對待,單純一句height: 21px;那么IE7,FF里顯示就會少一個像素的高度。

          后一頁:css翻頁代碼
          相關閱讀
          做好的網站把http改成https申請SSL域名證書
          解決手機端微信瀏覽器中視頻自動播放和默認全屏問題
          黃河龍城2015最幸福情侶投票選舉
          asp正則表達式詳細
          碩思閃客精靈破解版下載
          秀色攝影
          javascript自動獲取Tags關鍵字
          利ASP里的FOS導出WORD或Excel文檔(本人測試成功)
          共有0條關于《理解css里的!important是什么意思?》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          jquery設置或獲取修改classname
          利用css3.0寫出一個音樂播放的唱片碟盤的效果
          利用css中的scale()實現放大縮小效果
          利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
          css背景使用base64編碼或者將base64編碼放在img圖片標簽中
          利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          一些關于素材的網站
          CSS完美兼容IE6/IE7/FF的通用方法
          css里expression實現界面對象的批量控制
          經常使用到有關數據庫的操作sql
          python里面requests.post返回的res.text還有其它的嗎
          非常不錯的頁面搜索器,還可以移動
          88国产精品视频一区二区三区