css: daha büyük (daha az kısıtlayıcı) değeri

ile maksimum genişlik değeri geçersiz kılmak için nasıl bu tarzı ile bir css dosyası var:css: daha büyük (daha az kısıtlayıcı) değeri

O css dosyasını değiştirmeden max-width artırmak istedik

.filefield-element .widget-edit {max-width: 70%;}

, bu yüzden bu tarz özel css dosyası oluşturuldu: "html/stilleri" bölmesinde

.filefield-element .widget-edit {max-width: 99%;}

, ben stiller doğru sırayla listelenmiştir görüyoruz:

.filefield-element .widget-edit { 
    max-width: 99%; 
} 

.filefield-element .widget-edit { 
    float: left; 
    max-width: 70%; 
}

Ancak "max width:% 99", "max-width:% 70" değerini geçersiz kılmıyor. Daha az kısıtlayıcı değer (% 99) ilk geldiğinde bile daha kısıtlayıcı değerin (% 70) kullanıldığı görülmektedir.

Maksimum genişlik değerini daha büyük (daha az kısıtlayıcı) bir değerle geçersiz kılmanın bir yolu var mı?

kaynak

2011-02-07 moondog

Sen geçersiz kılabilirsiniz (tanımsız) maksimum genişlik ... herhangi max-width miras temizlemek için.

kaynak

2012-11-26 13:11:00

'' genişlik: auto'' ama '' max-width: none'' wtf w3c düşünme veya bu – OZZIE

@ OZZIE karar verdi, isimleri mükemmel anlamda. "max-width", "nullable" şeklindedir: ya sizde var ya da yok. Oysa bir elemanın her zaman bir "genişliği" vardır, bu da açık ya da olmayabilir. 'auto', örtük genişliğe açıkça geri dönmenizi sağlar, ancak genişlik hala mevcuttur. – harpo

Bu bir özgüllük sorunu. http://htmldog.com/guides/cssadvanced/specificity/'a bir göz atın.

Temel olarak, diğerinden daha özel bir tane yapmalısınız. .filefield-element .widget-edit önce içerikli eleman koyun ve !important kullanılarak

kaynak

2011-02-07 17:29:11

Öneriniz için teşekkürler. Hala hayır şans. ".filefield-element .widget-edit" öğesini ".form-item .filefield-element .widget-edit" olarak değiştirmeyi denedim. – moondog

Bunun eski olduğunu biliyorum ama aşağıdakileri ekleyeceğimi düşündüm. Eğer bakarsan, ona "html/styles" bölmesinde baktığını söylüyor. Çoğu müfettişteki stil bölmesinde, öncelikle en çok ve en yüksek özgüllük kurallarını gösterir. Yani özgüllükle ilgili bir sorun yoktu. – John

deneyin veya yüksek özgüllük ile seçici geçersiz kılınır.

kaynak

2011-02-07 17:29:28 duri

+ 1, bunun çalışması gerekiyor. – jolt

Öneriniz için teşekkürler. Her iki yöntemi de denedim - önemli ekleyerek ve daha yüksek özgüllüğe sahip bir seçici yaratıyorum - ama yine de hayır şansı. İşte denediğim stil: div.form-item .filefield-element .widget-edit { max-width: 99%! Important; } – moondog

Netleştirmek gerekirse, sorunun "max-width" için belirli olabileceğini düşünüyorum. Daha az kısıtlayıcı bir maksimum genişlik önceliğe sahip olsa bile, daha kısıtlayıcı maksimum genişlik (görünüşte) kullanılır. – moondog

Kullanım JavaScriptmax-width ilk none, ardından yeni bir değer atamak ayarlayın.

.foo{ max-width:none; }

ile

kaynak

2012-03-18 22:02:39 chris

css: daha büyük (daha az kısıtlayıcı) değeri

cevap

İlgili konular