如何使用条件CSS

div.box {  
   width: 400px;  
  
   [if ie 5] width: 600px;  
  
   padding: 0 100px;  
}
         像你所看到的，条件 css 使得你可以只保护一个 css 文件，而不是好多少个需要用到 ie 的条件正文的文件。这有助于流线型维护，也使得代码更加清楚。
        再进一步，条件 css 的一个重要特征是当它发现一条 @import css 声明时，它会主动翻开并插入须要导入的文件。这样就减少了页面的加载时光，因为浏览器只要要对 css 文件做出一条 http 恳求。
       ,如何使用XAMPP本地搭建一个属于你自己的网站; 只管条件 css 大多用于针对不同版本的 ie 浏览器，当你在别的浏览器遇到很难修正的 bug(重要使用 javascript 修正) 的时候，条件 css 也是相称有用的。例子包含了缺乏 &lsquo,如何为平板打造完美的网站页面;display: inline-block’ 支撑的 firefox 2 和 safari 2 中的 背景图片 bug。这些 bug 在这些浏览器的最新版本里面已经修改了，然而当这些浏览器占领必定市场份额的时候，向后兼容就很主要了。

          毫无疑难，任何一个试图应用 css 的网页设计师跟开发职员都会发明不同的浏览器请求不同的款式声明。这些懊恼归罪于各浏览器及其各版本不同水平的 css 履行的完全性。条件 css 是这个问题的一个解决计划，采取的是 internet explorer 的条件解释语法的思维，并把它内联到 css 声明之中。
       基础用法
      ,好网站需要千锤百炼; 条件 css 主要用于指出一个特别的 css 声明是不是应该用于一个特殊的浏览器。当然你不盼望常常这么做，但是当你需要针对一个浏览器的时候，它会十分有用。可以在u4ea支持列表里看到，大局部的浏览器都支持这种方法。
任意 css 声明或者块都能够增加条件声明前缀，这些前缀有3种根本类型：
[if {!} browser]
[if {!} browser version]
[if {!} condition browser version]
! - 声明的否认 (例 not) - 可选
browser - 声明针对的浏览器
‘ie’ - internet explorer
‘gecko’ - gecko 中心的浏览器 (firefox, camino 等)
‘webkit’ - webkit 核心的浏览器 (safari, shiira 等)
&lsquo,好程序需要你写(至少)两遍;safmob’ - 移动版 safari (iphone / ipod touch)
‘opera’ - opera 的浏览器
‘iemac’ - mac 版本的 internet explorer
‘konq’ - konqueror
‘iemob’ - 挪动版 ie
‘psp’ - playstation portable
‘netf’ - net front(恕糖伴西红柿无知，不晓得这是啥东东)
version - 要针对的浏览器版本
condition - 算术符
lt - 小于
lte - 小于等于
eq - 即是
gte - 大于等于
gt - 大于
一些前提申明的例子：
// 条件-css 语法实例  
[if ie] - 如果浏览器是 ie  
[if ! opera] - 如果浏览器不是 opera  
[if ie 5] - 假如阅读器是 ie 5  
[if lte ie 6] - 如果浏览器是 ie 6 或者更低版本 (ie 5,好的主题是至关重要 如何确定网站主题, ie 4 等)  
[if ! gt ie 6] - 和上面的声明等效, 如果浏览器版本不高于 ie 6
由于很多实例以为 div 是存在 width 和 padding 的盒类。因此它也应当在 ie 5 中表示畸形(我发现良多人已经废弃支持 ie 5了，但这是一个经典例子)。ie 5的盒模型不尺度，因而这就是使用条件 css 解决的方式：
// 条件 css 盒模型例子