CSSハック

CSSハック其の2

ブラウザごとにCSS

.header{
       color:#6a6a6a;
       margin:0;
       padding:0 20px;
       float:left;
}

これをブラウザごとに振り分けるには、

Firefoxの場合

 html>body.header{
      color:#6a6a6a;
      margin:0;
      padding:0 20px;
      float:left;
 }

IE6の場合

 *.header{
     color:#6a6a6a;
     margin:0;
     padding:0 20px;
     float:left;
 }

IE7の場合

 *:first-child+html.header{
     color:#6a6a6a;
     margin:0;
     padding:0 20px;
     float:left;
 }

Safari,Operaの場合

 html:first-child.header{
      color:#6a6a6a;
      margin:0;
      padding:0 20px;
      float:left;
 }