Question

Tengo las siguientes reglas CSS

h3 { color: red; }
h3.secundadio { color: blue; }
h3#personal { color: green; }

¿Cómo puedo forzar a que los titulares se mantengan azules sin importar si posteriormente se declaran otras reglas que lo alteren ?

Comments

Justo como lo menciona Oscar.

Answer 1

Para que una regla no se pueda sobreescribir por otra posteriormente se añade !important

Por tanto el código para que h3 secundario se mantuviera azul sería:

h3.secundadio { color: blue!important; }

Answer 2

La otra opción es que declares los encabezados h3 como azules después de las demás reglas, algo como:

h3 { color: red; }
h3.secundadio { color: blue; }
h3#personal { color: green; }
h3 {color:#00F}