Cursos gratuitos

Colisiones de estilos CSS

Curso Gratuito Css3


Es posible que tengamos a veces varias reglas que apliquen el mismo estilo a un determinado elemento. CSS tienen un mecanismo de resolución de colisiones muy complejo y que tiene en cuenta el tipo de hoja de estilo que se trate, la importancia de cada regla y lo específico que sea el selector. El método es:

  • Determinar todas las declaraciones que se aplican al elemento para el medio CSS seleccionado.
  • Ordenar las declaraciones según su origen y su prioridad (palabra clave !important).
  • Ordenar las declaraciones según lo específico que sea el selector. Cuanto más genérico, menos importancia tiene.
Si después de aplicar las normas anteriores existen dos o más reglas con la misma prioridad, se aplica la que se indicó en último lugar.