您现在的位置是：课程教程文章

css中hack的原理

2023-12-13 23:39课程教程文章人已围观

课程介绍: 1、 css中hack的原理课程推荐; 2、 css中hack的原理课程专题

1、浏览器对CSS样式的支持程度、分析结果和识别CSS的优先级，可以根据这些的特征写出不同的CSS样式代码。

2、IE6可以识别下划线和星号*，IE7可以识别星号*，不能识别下划线_。

firefox两者都不能识别，IE6.IE7和FF可以通过使用这些特殊符号来写出不同的代码。

实例

/*****SelectorHacks******/
/*IE6andbelow*/
*html#uno{color:red}

/*IE7*/
*:first-child+html#dos{color:red}

/*IE7,FF,Saf,Opera*/
html>body#tres{color:red}

/*IE8,FF,Saf,Opera(EverythingbutIE6,7)*/html>/**/body#cuatro{color:red}

/*Opera9.27andbelow,safari2*/
html:first-child#cinco{color:red}

/*Safari2-3*/
html[xmlns*=""]body:last-child#seis{color:red}

/*safari3+,chrome1+,opera9+,ff3.5+*/
body:nth-of-type(1)#siete{color:red}

/*safari3+,chrome1+,opera9+,ff3.5+*/
body:first-of-type#ocho{color:red}

/*saf3+,chrome1+*/
@mediascreenand(-webkit-min-device-pixel-ratio:0){#diez{color:red}}

/*iPhone/mobilewebkit*/
@mediascreenand(max-device-width:480px){
#veintiseis{color:red}
}

/*Safari2-3.1*/
html[xmlns*=""]:root#trece{color:red}

/*Safari2-3.1,Opera9.25*/
*|html[xmlns*=""]#catorce{color:red}

/*EverythingbutIE6-8*/
:root*>#quince{color:red}

/*IE7*/
*+html#dieciocho{color:red}

/*Firefoxonly.1+*/
#veinticuatro,x:-moz-any-link{color:red}

/*Firefox3.0+*/
#veinticinco,x:-moz-any-link,x:default{color:red}

以上就是css中hack的原理，希望对大家有所帮助。更多css学习指路：css教程

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

课程教程：css中hack的原理