Css özelliğini nasıl geçersiz kılabilirim?

Temel olarak sayfamda iki harici css var.

İlki Main.csstüm stil kurallarını içeriyor, ancak ona erişimim yok ve bu nedenle onu değiştiremiyorum. İkinci bir dosyaya erişimim var Template.css, bu yüzden Main.css'in değerlerini geçersiz kılmam gerekiyor template.css.

Değeri değiştirmek zorunda olduğum için bu kolaydır, ancak bir özelliği tamamen nasıl kaldırırım?

Bir sınıfta .c1olduğu gibi height: 40px;, bu yükseklik özelliğinden nasıl kurtulurum?

Her bir mülkü varsayılan değerine sıfırlamanız gerekir. Harika değil, ama bize verdiğiniz bilgilere göre tek yol bu.

Örneğinizde şunları yaparsınız:

.c1 {
    height: auto;
}

Burada her mülk için arama yapmalısınız:

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

İçin , örneğin,height :

Başlangıç ​​değeri : auto

Başka bir örnekmax-height :

Başlangıç ​​değeri : none

2017'de artık başka bir yol var, unsetanahtar kelime:

.c1 {
    height: unset;
}

Bazı belgeler: https://developer.mozilla.org/en-US/docs/Web/CSS/unset

Ayarlanmamış CSS anahtar sözcüğü, başlangıç ​​ve devralma anahtar sözcüklerinin birleşimidir. Bu diğer iki CSS geniş anahtar kelimesi gibi, CSS kısaltması tümü dahil olmak üzere herhangi bir CSS özelliğine uygulanabilir. Bu anahtar kelime, mülkü üstünden miras alıyorsa miras alınan değerine, yoksa ilk değerine sıfırlar. Diğer bir deyişle, ilk durumda devralınan anahtar kelime ve ikinci durumda ilk anahtar kelime gibi davranır.

Tarayıcı desteği iyidir: http://caniuse.com/css-unset-value

.c1 {
    height: unset;
}

unsetKatma değer CSS3 de bu sorunu çözer ve bunun bile daha evrensel yöntemidir autoyainitial da ek olarak varsayılan behawior kendi üst göreli her CSS özelliği varsayılan değerine ayarlar ve çünkü.

initialDeğerin yukarıda bahsedilen davranışı bozduğunu unutmayın .

Gönderen MDN'yi :

Bu diğer iki CSS geniş anahtar kelimesi gibi, CSS kısaltması tümü dahil olmak üzere herhangi bir CSS özelliğine uygulanabilir . Bu anahtar kelime, mülkü üstünden miras alıyorsa miras alınan değerine, yoksa ilk değerine sıfırlar.

.c1 sınıfının yüksekliği: 40px olduğu gibi; bu yükseklik özelliğinden nasıl kurtulurum?

Ne yazık ki yapamazsınız. CSS'nin "varsayılan" bir yer tutucusu yoktur.

Bu durumda, özelliği kullanarak sıfırlarsınız.

 height: auto;

@Ben'in doğru bir şekilde işaret ettiği gibi, bazı durumlarda, inheritörneğin bir aöğenin metin rengini sıfırlarken (bu özellik, ana öğeden miras alınır):

a { color: inherit }

initialYazarların bu başlangıç ​​değerini açıkça belirtmesine izin vermek için CSS3'e bir anahtar kelime ekleniyor.

Sabit yükseklik özelliğinden kurtulmak için bunu varsayılan değere ayarlayabilirsiniz:

height: auto;

İçindekinden daha yüksek spesifikliğe sahip bir seçici sağlamanız gerekir Main.css. Bu seçiciyle, istediğiniz özelliklerin değerlerini varsayılan değerlerine ayarlayın, örn.

body .c1 {
    height: auto;
}

Tüm özellikler için çalışacak "varsayılan" bir değer yoktur, her biri için varsayılanın ne olduğuna bakmanız ve bunu kullanmanız gerekir.

"Yükseklik" i "ayarlanmadı" veya "başlangıç" olarak değiştirdiğimde bile, önceki ayarı kaldırdığım zamankinden farklı davranan bir sorunla karşılaştım.

Min-yükseklik özelliğini de kaldırmam gerektiği ortaya çıktı!

height: unset;
min-height: none

Düzenleme: IE 7'de test ettim ve "ayarlanmadı" yı tanımıyor, bu nedenle "otomatik" daha iyi çalışıyor ".