1 min de lectura

¿De qué color se muestra el párrafo anterior?

Los pasos que realiza CSS para la soluciones de colisiones son los siguientes:

  1. Determinar todas las declaraciones que se aplican al elemento para el medio CSS seleccionado.
  2. Ordenar las declaraciones según su origen (CSS de navegador, de usuario o de diseñador) y su importancia (palabra clave !important).
  3. Ordenar las declaraciones según lo específico que sea el selector. Cuanto más genérico es un selector, menos importancia tienen sus declaraciones.
  4. 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.

De modo que en el ejemplo anterior, el párrafo queda en color azul.

¿De qué color se muestra el párrafo anterior?

Si seguimos los pasos mencionados anteriormente, el párrafo queda en color verde ya que el selector p#especial es mas específico.
¿Te gustó este artículo?

Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.

Líder técnico en equipos de desarrollo de software. Profesor de Desarrollo Web en la Universidad de Guadalajara. Emprendedora. Fundadora y CTO de CORB.mx. Ponente y tallerista. Colaboradora en proyectos de software libre y Open Source. Comprometida con la comunidad y la industria de la tecnología. Enfocada en el empoderamiento de las mujeres.

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.