瀏覽器兼容--條件樣式，選擇符前綴，樣式屬性前綴

2012-12-05 09:20 by greenal,?1570?閱讀,?0?評論,?收藏,?編輯

原文地址--?http://www.w3cplus.com/create-an-ie-only-stylesheet 然后經過改良，就有下面的總結。

1 調用條件樣式的方法

只有IE 生效 <!--[if IE]><![endif]-->
在具體使用條件注釋語句之前，有幾種條件注釋屬性含義我們必須要理解：

gt(greate than):選擇條件版本以上版本，不包含條件版本本身；

lt(less than):這個剛好與gt相反，表示的是選擇條件版本以下的版本，不包含條件版本自身；

gte(greate than or equal):選擇條件版本以上版本，并包含條件版本自身；

lte(less than or equal):選擇條件版本以下的版本，并包含條件版本自身；

!:選擇條件版本以外所有版本，無論高低。

gt：> lt：< gte：>= lte：<= 1、支持所有IE瀏覽器 <!--[if IE]> <link rel="stylesheet" href="test.css" type="text/css"/> <![endif]--> ? 2、支持除IE外的所有瀏覽器 <!--[if !IE]> <link rel="stylesheet" href="test.css" type="text/css"/> <![endif]--> ? 3、僅僅支持IE10 <!--[if IE 10]> <link rel="stylesheet" type="text/css" href="ie10.css"> <![endif]--> ? 4、支持IE9 以下版本 <!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]--> ? ? 二、選擇符前綴法 <style>
.test{ width:90px;} /*IE 6,IE 7,IE 8*/
*html .test{ width:80px;} /*only for IE 6*/
*+html .test{ width:70px;} /*only for IE 7*/
</style> ? ? 三、樣式屬性前綴法 <style> .team{ width:90px; *width:70px; _width:80px;} /*_ IE 6 * IE 6 和 IE 7*/ </style>

轉載于:https://www.cnblogs.com/lianghong/p/8011390.html

總結

以上是生活随笔為你收集整理的浏览器兼容--条件样式，选择符前缀，样式属性前缀（转）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。