個別のブラウザのみ適用のCSSの書き方

Edgeのみに適用

sample.css

@supports (-ms-ime-align: auto) {
  span {
    color:#c00;
  }
}

IEのみに適用

sample.css

@media all and (-ms-high-contrast: none) {
  span {
    color:#c00;
  }
}

Firefoxのみに適用

sample.css

@-moz-document url-prefix() {
  span {
    color:#0c0;
  }
}

Chromeのみに適用

sample.css

@media screen and (-webkit-min-device-pixel-ratio:0) {
  span {
    color:#00c;
  }
}

Safariのみに適用

sample.css

::-webkit-full-page-media, :future, :root
 span {
  color:#c0c;
}