La regla !important

La regla !important establece la prioridad para un estilo o cualquier propiedad CSS para la cual se especifica.

Sintaxis

cssselector {
  propiedad: valor !important;
}

Hagamos que el color azul del texto del párrafo tenga prioridad sobre el color verde:

html<div>text</div>

cssdiv{
  color: blue !important;
  width: 600px;
  height: 100px;
  font-size: 20px;
}
div {
  color: green;
}

Результат:

la regla @import,
que importa un archivo CSS
la regla @media,
que establece el estilo para un tipo de medio
la regla @supports,
que establece el estilo para elementos cuyas características son compatibles con el navegador