html和css的hack的学习

在整理基础的时候总结:html和css的hack的学习

hack是什么？

就是针对不同的浏览器写不同的css样式让各浏览器能达到一致的渲染效果，hack分为HTML和CSS

HTML hack

<!--[if lte IE 8]>
    内容
<![endif]-->
lte小于等于
gte大于等于
lt小于
gt大于

注意:1.空格;2.这样的写法里面不可以放css,为什么？应为css有专门的hack

主要用法：给低版本的浏览器的人提示

CSS hack

 css同时又分为2种

对属性值的hack；选择器的hack

属性值的hack

一般hack的属性值放在最后应为不会被覆盖，而是吧其他的覆盖

IE6（两种）

.ys{
    _color:blue;
    -color:blue;
}

IE6/7

在属性前面加 ! , $ , & , * ,等

IE8/9

在属性后加\0/

.ys{
	color:blue\0/;
}

IE10一下

在属性后加\9

.ys{
    color:blue\9;
}

选择器的hack

IE6

*（中间有空格） html

IE6/7

在选择器后加逗号，

除了IE6

html > body (应为只有IE 6不支持子代选择器)

IE6
    * html .ys{
	color:blue;
    }
IE6/7
	.ys,{
	color:blue;
    }
除了IE6
    html > body{
		color:blue;
	}