详解主要分为属性前缀

CSS Hack详解

编程开发 2020-09-30 02:15:45 24

导读

CSSHack主要分为属性标记法和选择器前缀法两种:属性标记法【IE6-】对于IE6-浏览器主要使用下划线_和中划线-这两种字符_color:blue;-color:blue;【IE7-】对于IE7-浏览器可以使用非常多的字符,包括`~!@#$%^&*()=+{[]:<>,.?/但是,比较常用的是加号+和星号*+color:b……

CSS Hack主要分为属性标记法和选择器前缀法两种:

属性标记法

【IE6-】

对于IE6-浏览器主要使用下划线_和中划线-这两种字符

_color:blue;
-color:blue;

【IE7-】

对于IE7-浏览器可以使用非常多的字符,包括`~!@#$%^&*()=+{[]:<>,.?/

但是,比较常用的是加号+和星号*

+color:blue;
*color:blue;

【IE10-】

使用后缀\9可以识别出IE10-浏览器

color:blue\9;

【IE8+】

使用后缀\0可以识别出IE8+浏览器 

color:blue\0;

【IE9、IE10】

使用后缀\9\0可以识别出IE9、10浏览器

color:blue\9\0;

选择器前缀法

【IE6-】

在选择器前面添加* html,可以识别IE6-浏览器

[注意]*和html之间有无空格都可以生效

*html div{color:red}

【IE7】

在选择器前面添加*+html,可以识别IE7浏览器

[注意]*、+、html之间有无空格都可以生效

*+html div{color:red}

【IE8】

在选择器外层使用@media \0,可以识别IE8浏览器

[注意]@media和\0之间必须有空格

@media \0{
div{color:red}}

【IE9+及其他非IE浏览器】

在选择器前面添加:root,可以识别IE9+及其他非IE浏览器

:root div{color:red}


1253067 TFnetwork_cn