Ignorar un estilo en HTML con CSS

[Bargath]

Hola a todos, os pongo en antecedente

Estoy trabajando con una plataforma que le permite a mi cliente introducir datos a una plataforma para luego mostrarse al publico (similar a un blog). Esta plataforma hace cosas raras con los estilos, coloca spans que cambian los estilos y tamaños de letra de cada publicación.

Me gustaría saber si puedo mediante CSS pedir que ignore los estilos de estos spans y aplique los indicados por mi en el div que contiene las publicaciones.

Y si es así... ¿como se hace?

Muchas gracias por adelantado.

[Amiancht]

Una sola palabra: !important

Pero lo suyo sería, que pudieras programar la plataforma para desactivar esos estilos, y formatos en el texto que no quieres que pueda introducir el cliente.

Otra idea seria limpiar los style de las etiquetas con javascript.

[Bargath]

Iniciado por Amiancht

Una sola palabra: !important

Pero lo suyo sería, que pudieras programar la plataforma para desactivar esos estilos, y formatos en el texto que no quieres que pueda introducir el cliente.

Otra idea seria limpiar los style de las etiquetas con javascript.

Muchas Gracias Amiancht

Pero lo del !important ya lo había probado y no me funciona.

Lo del proveedor también lo he probado perono me dan soporte.

Ahora estudiaré la forma de limpiar styles con el javascript, ¿alguna sujerencia de donde empezar a mirar?

[rodrypaladin]

No será cosa de que te entran en conflicto varios códigos css ? Eso es tema de no saber bien sobre la cascada en css y los selectores XD

[Amiancht]

Iniciado por rodrypaladin

No será cosa de que te entran en conflicto varios códigos css ? Eso es tema de no saber bien sobre la cascada en css y los selectores XD

Es obvio, el mismo lo ha dicho.
Se trata de que a traves de una plataforma sus clientes pueden cambiar los estilos con el atributo style en etiquetas span. (CSS inline)

Y el lo que quiere es anular los estilos incluidos directamente en el html con esos span. Con CSS lo ha intentado con !important. Pero no le da resultado.

Ahora tendrá que hacerlo con javascript y limpiar los atributos style al cargar la página.

[Rafael]

El problema es la especificidad.

Un CSS externo tiene cierta especificidad, pero el css declarado en la misma tag de html tiene una especificidad mayor, por eso se encima a la de la hoja de estilos.

De plano hay que evitarlas de inicio.

[rodrypaladin]

Yo para evitarme confusiones me he hecho en mi cabeza como una lista de puntos, y el selector con más puntos es el que se aplica:

• Selector de etiqueta = 1 pto
• Selector de clase = 10 ptos
• Selector de ID = 100 ptos
• Estilos inline dentro del html = 1000 ptos

[Rafael]

Hay aparte de eso, una especificidad más compleja, que es por ejemplo

div p {}

.Bloque p {}

div>p {}

etc. lo que hace un poco más compleja la lista.

[rodrypaladin]

con los descendientes lo que hago es sumar los puntos de ambos selectores, de esa manera veo cual machacaría a otro.

No se si me servirá en todos los casos pero hasta ahora si.

Por cierto no conozco el selector último que has mencionado div>p

[Rafael]

div>p significa que p es hijo y solo hijo de div.

La diferencia con div p es que p puede ser nieto o biznieto, etc. La condición es que sea decendiente. La otra lo limita sólo al nivel inmediato inferior.

Hay otras como div+p que es un p que tenga antes un div, no adentro, y cosas así. Hay cosas super útiles por ahí.

[rodrypaladin]

Pues vaya curso css avanzado hice hace poco... esas cosas no me las enseñaban XD indagaré más sobre ello.

[g3kdigital]

UFF lee sobre selectores avanzados como:

div + p
Que solo selecciona primer al elemento <p> adyacente a <div>

div ~ p
Selecciona cualquier elemento <p> adyacente

[href*="info"] > p:nth-child(4)
Selecciona solo los elementos <p> que sean el "hijo" número 4, siempre que su padre sea un enlace cuyo atributo href contenga en alguna parte la palabra "info"

Y así, hay un montón de combinaciones posibles, http://librosweb.es/libro/css_avanza..._de_css_3.html

Pero eso sí, hay que usarlas con discreción porque después complicarás tu css de forma ilegible y si no manejas bien las herencias te harás un lio del bueno.