|
1 2 3 4 |
p { color: red; } p { color: blue; } <p>...</p> |
¿De qué color se muestra el párrafo anterior?
Los pasos que realiza CSS para la soluciones de colisiones son los siguientes:
- Determinar todas las declaraciones que se aplican al elemento para el medio CSS seleccionado.
- Ordenar las declaraciones según su origen (CSS de navegador, de usuario o de diseñador) y su importancia (palabra clave !important).
- 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.
- 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.
|
1 2 3 4 5 |
p { color: red; } p#especial { color: green; } * { color: blue; } <p id="especial">...</p> |
¿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.
