Às vezes, incorporamos em nosso site alguns iframes ou javascripts para agregar funcionalidades. O problema é quando eles vêm com um estilo que difere muito do seu site. Exemplo:
<p>Este é um exemplo de CSS em linha. <strong style="color: red;">Isto está em vermelho</strong>.</p>
Para sobrepor estas configurações, você deve adicionar à sua folha de estilos o seguinte:
seletor[style] { propriedade: valor!important; }
No nosso exemplo, para alteramos a cor do seletor strong para azul:
strong[style] { color: blue !important; }
O truque parece funcionar na maioria dos navegadores:
- Internet Explorer 8.0
- Mozilla Firefox 2 and 3
- Opera 9
- Apple Safari, and
- Google Chrome
Já o IE é outra história…
