supports

CSS: la regla @supports

La regla CSS @supports asocia un conjunto de declaraciones anidadas en un bloque CSS (que está delimitado por corchetes) con una condición consistente en probar declaraciones de CSS.

En otras palabras, las declaraciones asociadas a la regla @supports solo se aplicarán si el navegador es compatible con ellas.

Por ejemplo:

@supports (display: grid) {

  /**
   * Esto solo será aplicado en navegadores que soporten display: grid;!
   */

}

Si tu navegador no soporta display:grid, esta declaración simplemente será ignorada, debido a que CSS por defecto ignora cualquier declaración que no entiende.

@supports es otra regla bastante desconocida de CSS, muy potente y bastante soportada por los navegadores (un 81% en la actualidad) http://caniuse.com/#feat=css-featurequeries