Restablecer estilos CSS solo div

Bueno, tengo un gran documento html. Y quiero incluir control en este documento, pero los estilos CSS de este control se superponen por estilos de documento html grande. ¿Cómo puedo restablecer todos los estilos solo para div (y todos los divs anidados)?Restablecer estilos CSS solo div

Fuente

2011-11-29 Neir0

¿se puede agregar un código de muestra? – Bazzz

Relacionados: http://stackoverflow.com/q/116754/612253 –

posible duplicado de [Restablecer/eliminar estilos CSS solo para elemento] (http://stackoverflow.com/questions/15901030/reset-remove-css-styles -for-element-only) –

Una solución (tal vez no la mejor) es usar !important después del atributo css para sobrescribir el estilo. O se utiliza un css reset tool y volver a escribir para solamente el div deseada

Fuente

2011-11-29 14:26:19 Anonymous

Usted quiere añadir una regla CSS a la hoja de estilo que se aplica sólo al control que está tratando de incrustar; algo como esto:

#yourDivID 
{ 
    display: block; 
    border:0; 
    color:black; 
}

es probable que necesite más atributos de allí para despejar cualquier otro estilo que pueden estar siendo aplicadas, esto es sólo un ejemplo.

Ahora cualquier control que coloque dentro de ese div principal, tendría que crear reglas que aborden específicamente esos objetos. Por ejemplo:

#yourDivID div 
{ 
    display: block; 
    border:1px solid black; 
}

Fuente

2011-11-29 14:27:48 arb

Creo que entiendo lo que quiere decir, ¿son varias hojas de estilo? Si es así poner la nueva debajo de la antigua en el ejemplo HTML

<link type="text/css" href="/bightmldoc.css" /> 
<link type="text/css" href="/newdiv.css" />

o simplemente poner el nuevo código div en la parte inferior de la hoja de estilo si sólo tiene uno. Sin un ejemplo de lo que está sucediendo, es difícil determinar cuál será el mejor curso de acción.

Fuente

2011-11-29 14:30:50 JackSD

Con el Yahoo restablecer http://yuilibrary.com/yui/docs/cssreset/

Hay una versión "contextual", que sólo restablece elementos que son decendent de .yui3-cssreset

por ejemplo

<div class="yui3-cssreset"> 
    <!-- Anything in here would be reset--> 
</div>

Fuente

2011-11-29 14:31:20

Sí sí sí sí y sí. –

Hola @ MДΓΓБДLL me alegra que te guste :-) –

Esta es la respuesta que habría escrito si no lo hubieras hecho ya. No hay necesidad de hackeo desagradable '! Important', o reescribiendo a mano un reinicio en toda la página. –

debería decir que usted no debe hacer lo !important si realmente no tiene hacer cuando se considera un truco. Lo que haría es hacer un selector con más pasos. Si tiene algún ID, úselos para especificar sus objetos, ya que el ID anula las clases. Por ejemplo, si usa el primero de mis ejemplos, es probable que sus códigos sean sobreescritos por otras clases. Pero si intenta encontrar una ruta más larga para su selector, entonces puede obtener un mejor resultado.

.yourdiv {} 

#main .rightcol .box .yourdiv {}

si realmente necesita entonces es posible que desee utilizar !important pero no a si se puede tratar.

Espero que esto te ayude un poco.

Fuente

2011-11-29 14:33:12

Respuesta

Cuestiones relacionadas