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>
<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浏览器.
- Reads(1674)
- Comments(0)

儿童咳嗽偏方整理
10个哲理故事