CSS 判断浏览器

target-browser.css

/**
 * @desc CSS 判断浏览器
 */

/* Target IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  p {
    color: red;
  }
}

/* Target Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  p {
    color: red;
  }
}

/* Target Firefox */
@-moz-document url-prefix() {
  p {
    color: red;
  }
}

/* Target Opera */
x:-o-prefocus, p {
  color: red;
}