Forçando alteração de CSS em linha

À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:

Este é um exemplo de CSS em linha. Isto está em vermelho.

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...