2012-03-09 16 views
9

Quiero convertir este elemento css a la configuración predeterminada y no puedo encontrar la manera de anular estos elementos css de estilo de lista. Están en otra hoja de estilo que no puedo alterar pero a la que me estoy vinculando. Por favor ayuda si sabes cómo.CSS de estilo de lista anular de nuevo al valor predeterminado

ol li { 
    list-style: decimal; 
} 
ol { 
    list-style: decimal outside; 
} 
+0

me refiero a la forma predeterminada de acuerdo con la forma en que el navegador entiende OL y Li – Blynn

Respuesta

15

Uso !important, por ejemplo .:

ol li { 
    list-style: inherit !important; 
} 

ol { 
    list-style: inherit !important; 
} 
+1

Yo sólo uso importante como último recurso!. Niega la especificidad, lo que puede tener consecuencias no deseadas y hace que el mantenimiento sea una pesadilla. No es técnicamente incorrecto, pero no es una mejor práctica. – chipcullen

+0

Actualizaré esto si aclaras que '! Important' solo debe usarse en casos como este, donde tienes una hoja de estilo que no puedes cambiar, pero debes anularla. –

+5

Ese no es realmente el caso. Considere: 'botón: activo {color: rojo; } botón: primer hijo {color: azul; } ' Quiero que el texto de todos los botones activos sea rojo, pero el texto del primer botón debe ser normalmente azul. Los dos selectores tienen la misma especificidad y solo el orden de las reglas determina provisionalmente el resultado (lo cual es horrible). En este caso, pondría 'button: active {color: red! Important; } 'para evitar la saturación del selector, ya que sé que: el estado activo es realmente más importante en esta situación. http://jsfiddle.net/ygcYG/ –

0

Me gustaría ir a tratar de utilizar especificidad para establecer el estilo li a lo que quieras. ¿Tienes un elemento padre al que puedas conectar? Al igual que, si se trataba de un div con el contenedor de clase, hacer algo como:

.container ol li { 
    /* whatever you want */ 
} 
3

No es aconsejable usar importante, siempre realmente. Puede hacer lo chipcullen dijo anteriormente mediante la adición de un contenedor o si desea una anulación simple que funcionará sin importar qué, usted puede hacer algo como esto:

body ol { 
    margin: 1em 0; 
    padding: 0 0 0 40px; 
} 

body ol li { 
    list-style-type: decimal; 
} 

Los valores que puse en el interior hay deben restablecer al navegador valores predeterminados, y se toman desde normalize.css.

1

que puede necesitar:

ol li { display: list-item; } 
Cuestiones relacionadas