2012-03-09 25 views
9

Bu css öğesini varsayılan ayara döndürmek istiyorum ve bu liste stili css öğelerini nasıl geçersiz kılacağımı anlayamıyorum. Değiştiremediğim başka bir stil sayfasındalar ama ben bağlantı kurarım. Nasıl yapılacağını biliyorsanız lütfen yardım edin.Liste Stili CSS geçersiz kılmaya geri dön

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

Ben varsayılan demek tarayıcı OL ve Li – Blynn

cevap

15

Kullanım !important, ör .:

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

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

Ben sadece kullanacağı anlama biçimi göre önemli son çare olarak!. İstenmeyen sonuçlara yol açabilecek özgüllüğü ortadan kaldırır ve bakımını bir kabus yapar. Teknik olarak yanlış değil, ama bu en iyi uygulama değil. – chipcullen

+0

"Önemli" seçeneğinin yalnızca bu gibi durumlarda kullanılması gerektiğini açıklığa kavuşturursanız, bunu değiştiremeyeceğiniz bir stil sayfanızın olduğu ancak bunu geçersiz kılmanız gerektiğini varsayalım. –

+5

Bu aslında böyle değil. Şunları düşünün: 'button: active {color: red; } düğme: ilk çocuk {color: blue; } '. Tüm aktif butonların metninin kırmızı olmasını istiyorum ama ilk butonun metni normalde mavi olmalı. İki seçmen aynı özelliğe sahiptir ve yalnızca kural düzeni sonucunu geçici olarak belirler (ki bu çok kötüye gider.) Bu durumda 'button: active {color: red! Important; selektör bloattan kaçınmak için, biliyorum ki: aktif durum bu durumda gerçekten çok önemli. http://jsfiddle.net/ygcYG/ –

0

Ben ne istersen li stil ayarlamak için özgünlüğünü kullanmaya çalışıyor yaklaşık gider. Bağlayabileceğin bir ebeveyn elemanın var mı? ! Kullanımı tavsiye edilmez

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

önemli, hiç gerçekten, sınıf konteyner ile bir div olsaydı gibi, böyle bir şey yok. Bir konteyner ekleyerek chipcullen yukarıda sözü ne yapabilirim ya olursa olsun neyi çalışacak basit kılma istiyorsanız, böyle bir şey yapabilirsiniz:

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

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

içimde koymak değerler tarayıcıya orada sıfırlamak gerekir varsayılanlar ve normalize.css'dan alınmıştır.

1

Sen gerekebilir:

ol li { display: list-item; } 
İlgili konular