Origen de estilos: navegador, CSS externo/interno e inline
No todas las reglas tienen el mismo origen ni la misma prioridad base.
Los estilos del navegador (user agent) son la base inicial. Tus estilos como autor normalmente prevalecen sobre esa base.
Dentro de estilos del autor, una regla en archivo externo y otra en interno se comparan por orden de carga y de aparición. Los estilos inline en HTML parten con prioridad más alta en la cascada normal, y !important altera aún más esa prioridad.
- User agent: estilos por defecto del navegador.
- Author styles externos: reglas en archivos .css enlazados con .
- Author styles internos: reglas dentro de en el documento.
- Inline style: estilo escrito en el atributo style.
Conflicto entre externo, interno e inline
<head>
<link rel="stylesheet" href="styles.css">
<style>
p { color: #0f172a; }
</style>
</head>
<body>
<p style="color: #16a34a">Este texto sale verde por inline.</p>
</body>