¿Es posible, por ejemplo, tener un div que ignore por completo las reglas CSS, sin importar qué class es y id s contenga?¿Hay alguna manera de "bloquear" un bloque de HTML lejos del CSS de su página sin usar iframes?
No, esto (lamentablemente) no es posible sin un iframe.
Usted tendría que restablecer todas las reglas CSS existente para que div así:
div.sandbox
{
font-size: ....
font-family: ..........
margin: .........
padding: .........
line-height: .........
}
aunque difícil y nunca 100% fiable, podría ser posible lograr un resultado útil de esta manera. Puede consultar una de las "hojas de estilo de restablecimiento" como Eric Meyer's para obtener una lista de propiedades importantes para restablecer; here es lo que dice ser una lista completa de las propiedades de CSS 2.1, excluyendo CSS 3 y las específicas del proveedor, que también debería tener en cuenta.
Los proveedores de widgets de terceros a menudo codifican su "restablecimiento de CSS" como CSS en línea dentro del elemento HTML para anular cualquier regla !important que amenace con anular las reglas de la clase sandbox.
pueden dar resultados:
div {
all:unset !important;
clear:both !important;
margin: 0 !important
}
estilo en línea volverá a overide cualquiera de los estilos css. Esto también significa que cualquier estilo establecido por javascript sobrepasará cualquier regla css, simplemente porque javascript está configurando estilos de una manera en línea.
Además, cualquier estilo entre la etiqueta de estilo directamente en la parte html prevalecerá sobre los estilos establecidos en el archivo css. En cualquier caso, el estilo en línea gobierna a los demás jerárquicamente.
Eso no funcionaría muy bien, desafortunadamente, ya que el contenido sería un HTML libre para todos de un cuadro WYSIWYG. Oh bien. Supongo que tendré que usar los temidos iframes. – Greg