css中hack有多少种表现形式

这篇文章主要介绍了css中hack有多少种表现形式，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

1、条件注释法。是IE浏览器专有的Hack模式。

微软官方推荐hack模式。

只在IE下生效。

 只在IE6下生效 只在IE6以上版本生效 只在IE8上不生效 非IE浏览器生效

2、类内属性前缀法，属性前缀法是在CSS风格属性名称之前添加一些hack前缀。

只有特定浏览器才能识别，以达到预期的页面显示效果。

/* CSS属性级Hack */color:red; /* 所有浏览器可识别*/_color:red; /* 仅IE6 识别 */*color:red; /* IE6、IE7 识别 */+color:red; /* IE6、IE7 识别 */*+color:red; /* IE6、IE7 识别 */[color:red; /* IE6、IE7 识别 */color:red9; /* IE6、IE7、IE8、IE9 识别 */color:red; /* IE8、IE9 识别*/color:red!important; /* IE6 不识别!important*/

3、选择器前缀法，针对某些页面表现不一致或需要特殊处理的浏览器。

在CSS选择器之前，添加一些只有特定浏览器才能识别的前缀。

/* CSS选择符级Hack */*html #demo { color:red;} /* 仅IE6 识别 */*+html #demo { color:red;} /* 仅IE7 识别 */:root #demo { color:red9; } : /* 仅IE9识别 */body:nth-of-type(1) #demo { color:red;} /* IE9+、FF3.5+、Chrome、Safari、Opera 可以识别 */head:first-child+body #demo { color:red; } /* IE7+、FF、Chrome、Safari、Opera 可以识别 */

感谢你能够认真阅读完这篇文章，希望小编分享的"css中hack有多少种表现形式"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!