各ブラウザでのcss適用

1 min読了の目安(約500字TECH技術記事

はじめに

safariでのcss適用について調べていた時に、他ブラウザのことについても知れたので
各ブラウザごとのcssの記述についてまとめておきます。

IEのみ(IE10以上)の適用

@media all and (-ms-high-contrast: none){
   span {

   }
}

IEのみ(IE10以下)の適用

span{
  color: #red\9;
}

Firefoxのみの適用

@-moz-document url-prefix() {
   span {
   
    }
}

Safariのみの適用

_::-webkit-full-page-media, _:future, :root span {

}

Chrome・Safariへの適用

@media screen and (-webkit-min-device-pixel-ratio:0) {
    span {

    }
}

参考