首页 > 网站 > WEB开发 > 正文

浏览器的CSS Hacks

2024-04-27 14:32:50
字体:
来源:转载
供稿:网友
浏览器的CSS Hacks

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

0

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

 

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

 

利用这些CSS Hacks,你能够更好的针对IE、ChromeFirefoxOpera和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
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表