¿Cómo aplicar css al contenido de iframe?

No puedo hacer que el contenido generado por CSS funcione para los elementos de iframe :

 iframe::after {content: 'example';} iframe::before {content: 'example';} 

¿Alguien tiene una solución que realmente funciona? Gracias por adelantado.

Puede usar la función .content() jQuery para acceder a ella.

 $('yourIframe').contents().find('#yourItemYouWantToChange').css({ opacity: 0, color: 'purple' }); 

Ejemplo

Aquí hay un ejemplo que me muestra cómo aplicar css al logotipo de jQuery que generalmente se encuentra en la parte superior izquierda de la pantalla. Eso sí, tiene que ser el mismo dominio / puerto, etc., así que es por eso que mi ejemplo presenta jsfiddle en el iframe.
http://jsfiddle.net/pPqGe/

Es el iframe creado dinámicamente, o es algo que es principalmente estático (light a iframe usado para efecto lightbox).

Si es estático, puede simplemente usar tags de estilo dentro del marcado iframe, o mejor aún incluir una hoja de estilo externa al vincularla en el marcado iframe.

Si es dynamic, lo mejor es que uses la biblioteca JavaScript de jQuery, ya que es excepcionalmente buena para manejar CSS.