史上最全的浏览器 css js hack 标准手册.docx

浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享?Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS JavaScript Hack，记得推荐和分享啊！IE 选择器 Hack/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?123/* IE 6 and below */* html .selector? {}? .suckyie6.selector {} /* .suckyie6 can be any unused class *//lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?12/* IE 7 and below */.selector, {}/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?1234/* IE 7 */*:first-child+html .selector {}? .selector, x:-IE7 {}? *+html .selector {}/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?/* Everything but IE 6 */html body .selector {}/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?123/* Everything but IE 6/7 */html /**/ body .selector {} head ~ /* */ body .selector {}/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?12345/* Everything but IE 6/7/8 */:root * .selector {}? body:last-child .selector {}? body:nth-of-type(1) .selector {}? body:first-of-type .selector {}IE 属性/值 Hack/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?123/* IE 6 */.selector { _color: blue; }? .selector { -color: blue; }/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?123/* IE 6/7 - acts as an !important */.selector { color: blue !ie; }? /* string after ! can be anything *//lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?1234567/* IE 6/7 - any combination of these characters:? ?! $ * ( ) = % + @ , . / ` [ ] # ~ ? : | */.selector { !color: blue; }? .selector { $color: blue; }? .selector { color: blue; }? .selector { *color: blue; }? /* ... *//lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?123/* IE 8/9 */.selector { color: blue\0/; }? /* must go at the END of all rules *//lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html?12/* IE 9/10 */.selector:nth-of-type(1n) { color: blue\9; }/lhb25/archive/2013/03/11/browser