CSS Hacks 整理:HTML的条件语句

Posted in March 28, 2010 at 23:41
HTML的条件语句

语法:

正表达式:
<!--[if condition]> HTML <![endif]-->
反表达式:
<!--[if !condition]><![IGNORE[--><![IGNORE[]]> HTML <!--<![endif]-->

condition(条件)如下:

IE 任何版本的IE

lt IE version 版本低于version;

lte IE version 版本小于或等于Versions;

IE version 版本等于Versions;

gte IE version 版本大于或等于Versions;

gt IE version 版本大于Versions;

例子:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title>Test</title>
    <link href="all_browsers.css" rel="stylesheet" type="text/css">
    <!--[if IE]>
              <link href="ie_only.css" rel="stylesheet" type="text/css">
    <![endif]-->
    <!--[if lt IE 7]>
             <link href="ie_6_and_below.css" rel="stylesheet" type="text/css">
    <![endif]-->
    <!--[if !lt IE 7]>
             <![IGNORE[--><![IGNORE[]]>
             <link href="recent.css" rel="stylesheet" type="text/css">
    <!--<![endif]-->
    <!--[if !IE]>-->
             <link href="not_ie.css" rel="stylesheet" type="text/css">
    <!--<![endif]-->
</head>
<body>
<p>Test</p>
</body>
</html>

all_browsers.css 适用于所有的浏览器;

ie_only.css 只适用于Internet Explorer的所有版本;

ie_6_and_below.css 适用于IE 7以下的所有版本;

recent.css 适用于除了IE7以外所有浏览器;

not_ie.css 适用于所有非IE浏览器.

Add a comment

Nickname

Site URI

Email

Enable HTML Enable UBB Enable Emots Hidden Remember [Login] [Register]