浏览器兼容--条件样式，选择符前缀，样式属性前缀（转）

浏览器兼容--条件样式，选择符前缀，样式属性前缀

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

浏览器兼容--条件样式，选择符前缀，样式属性前缀（转）相关推荐

浏览器兼容--条件样式，选择符前缀，样式属性前缀
浏览器兼容--条件样式,选择符前缀,样式属性前缀 2012-12-05 09:20 by greenal, 1570 阅读, 0 评论, 收藏, 编辑原文地址-- http://www.w3cplu ...
为ie和chrome FF单独设置样式的“条件注释法”、“类内属性前缀法”、“选择器前缀法”、实现方法案例(推荐)
这三种分类hack css详细原理,参考:http://blog.csdn.net/goodshot/article/details/44309055 1.为ie和chrome单独设置样式的类实现案例 ...
浏览器兼容与图片整合
浏览器兼容与图片整合一.浏览器兼容为什么会出现浏览器兼容问题? 由于各大主流浏览器由不同的厂家开发,所用的核心也不同,架构代及码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床.再加上 ...
CSS浏览器兼容总结篇
CSS浏览器兼容总结篇前言:本篇文章的大部分知识点来自于清华大学出版社的<DIV+CSS网页样式与布局实战详解>,我在书本内容的基础上添加了自己所了解的一些知识,有兴趣的伙伴可以去买正版 ...
html:(29):伪选择符和分组选择符
伪类选择符更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{co ...
CSS快速学习9：浏览器兼容
五大浏览器内核 •Trident (MSHTML) (三叉戟:三叉线:三齿鱼叉) •Gecko (壁虎) •Presto ( 迅速的) •Webkit (Safa ...
web前端——浏览器兼容问题
[1]为什么会出现浏览器兼容问题在各大浏览器厂商的发展过程中,它们对web的标准各有不同的实现,标准不同存在差异所以产生兼容性的问题. [2]浏览器内核以及代表作品 IE浏览器内核:Trident内 ...
处理浏览器兼容所遇到的问题总结(一)
注意:因为浏览器问题,重新定义Array.prototype.indexOf-等函数时,一定要注意符合原始定义,不要随便用别的实现方式定义,否则可能会影响插件调用之前开发项目时,前端调试都是以goo ...
CSS快速学习2：选择符权重和字体类属性
选择符的权重: CSS中用四位数字表示权重. 类型选择符的权重为0001 class选择符的权重为0010 id选择符的权重为0100 子选择符的权重为0000 属性选择符的权重为0010 伪类选择符 ...

浏览器兼容--条件样式，选择符前缀，样式属性前缀（转）

浏览器兼容--条件样式，选择符前缀，样式属性前缀

1 调用条件样式的方法

浏览器兼容--条件样式，选择符前缀，样式属性前缀（转）相关推荐

最新文章

热门文章