浏览器的CSS Hacks

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

浏览器的CSS HacksLZ注:此文原作者是:Paul Irish(Google的前端开发工程师),本文是原文的部分译文.

我不再使用CSS Hacks了,相反的是,我将使用IE的条件判断将类应用到body标签。

 

但是,我想记录我之前碰到过的每一个浏览器特定的CSS 选择器和样式属性。我相信也没有其他方式提供样式表给独特的Safari.

 

利用这些CSS Hacks,你能够更好的针对IE、Chrome、Firefox、Opera和Safari,代码如下:

 

浏览器特定的CSS Hacks综合列表:

1: 

2: /***** Selector Hacks ******/

3: 

4: /* IE6 and below */

5: * html #uno { color: red }

6: 

7: /* IE7 */

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

9: 

10: /* IE7, FF, Saf, Opera */

11: html>body #tres { color: red }

12: 

13: /* IE8, FF, Saf, Opera (Everything but IE 6,7) */

14: html>/**/body #cuatro { color: red }

15: 

16: /* Opera 9.27 and below, safari 2 */

PRe style="border-top-style: none; overflow: visible; font-size: 12pt; font-family: 'Courier New', courier, monospace; width: 100%; border-bottom-style: none; color: black; padding-bottom: 0px; direction: ltr; text-align: left; padding-top: 0px; border-right-style: none; padding-left: 0px; margin: 0em; border-left-style: none; line-height: 12pt; padding-r

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航