Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

sábado, 9 de mayo de 2009

Sobreescribir estilos inline con CSS

A menudo se piensa que declarar los estilos inline es una buena, práctica y eficiente forma de sobreescribir los estilos CSS.


<div style="background: red ;">
<p>Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Vestibulum arcu tellus, lobortis
ac elementum id, dignissim a erat.
Suspendisse potenti. Fusce in
libero ligula, at varius
diam.</p></div>


No obstante, pueden existir circunstancias donde necesitemos sobreescribir o modificar los estilos inline y no podamos modificar el código fuente ¿entonces?

De la siguiente manera y mediante las declaraciones en una hoja de estilos podemos modificar el CSS inline:


div[style] {
background: yellow !important;
}


Por cierto, no está demás comentar, que sólo es aplicable para aquellos navegadores que sigan los estándares.

Vía | CSS Tricks
Share:

Publicidad

Estadísticas