2012-03-09 14 views
9

Desidero ripristinare questo elemento css all'impostazione predefinita e non riesco a capire come sovrascrivere questi elementi css stile elenco. Sono su un altro foglio di stile che non posso modificare ma a cui sto collegando. Per favore aiutatemi se sapete come.CSS stile elenco sostituisce il valore predefinito

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

intendo l'impostazione predefinita a seconda di come il browser capisce OL e Li – Blynn

risposta

15

Usa !important, ad es .:

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

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

io userebbero importante solo come ultima risorsa!. Negata la specificità, che può avere conseguenze non intenzionali, e rende la manutenzione un incubo. Non è tecnicamente sbagliato, ma non è una buona pratica. – chipcullen

+0

Lo inviterò se chiarirai che '! Important' dovrebbe essere usato solo in casi come questo, dove hai un foglio di stile che non puoi cambiare, ma devi sovrascriverlo. –

+5

In realtà non è così. Considerare: 'pulsante: attivo {colore: rosso; pulsante}: first-child {color: blue; } '. Voglio che il testo di tutti i pulsanti attivi sia rosso, ma il testo del primo pulsante dovrebbe essere normalmente blu. I due selettori hanno la stessa specificità, e solo l'ordine delle regole determina provvisoriamente il risultato (che è terribile). In questo caso inserisco il pulsante ': attivo {color: red! Important; } 'per evitare che il selector si gonfia, dato che so che: lo stato attivo è davvero molto importante in questa situazione. http://jsfiddle.net/ygcYG/ –

0

vorrei andare a cercare di usare la specificità per impostare lo stile li per quello che vuoi. Hai un elemento genitore a cui potresti aggrapparti? Come, se si trattava di un div con il contenitore di classe, fare qualcosa di simile:

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

Non è consigliabile utilizzare importante, mai veramente. Si può fare quello che ha detto chipcullen sopra con l'aggiunta di un contenitore o se si desidera una semplice sostituzione che funziona non importa cosa, si può fare qualcosa di simile:

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

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

I valori che ho messo dentro ci dovrebbe riportare al browser valori predefiniti e sono presi da normalize.css.

1

potrebbe essere necessario:

ol li { display: list-item; } 
Problemi correlati