CSS !important Nedir? Ne İşe Yarar?

Ekim 24, 2020 0 Views
CSS !important Nedir? Ne İşe Yarar? css important Ayhan ALTINOK

CSS1 spesifikasyonu 90’ların ortalarında ve sonlarında taslak haline getirildiğinde, !important geliştiricilerin ve kullanıcıların stil sayfalarında değişiklik yaparken normal spesifikliği kolayca geçersiz kılmalarına yardımcı olacak bildirimler tanıttı . Çoğunlukla, !important CSS 2.1’de yalnızca bir değişiklik ve bu benzersiz bildirimle bağlantılı olarak CSS3 şartnamesinde yeni eklenen veya değiştirilen hiçbir şey olmadan , bildirimler aynı kalmıştır.

CSS !important Nedir?

CSS’deki !important özelliği , bir etiketin üzerindeki tüm sonraki stil kurallarının önceliğini artırır ve diğer benzer özelliği geçersiz kıllar. !important özelliği kısaca zorunluluk ifadesidir.

Eğer !important kullanmak zorunda kaldıysanız kodlamada bir hata olduğu anlamına gelir. Bir çok yazılımcı tarafından !important kullanımı hoş karşılanmak ama kulllanmak zorunda kaldığınız anlar olucaktır.

Css ile ilgiliği başka bilgiler öğrenmek isterseniz CSS kategorisi inceleyebilirsiniz.

CSS !important Nasıl Kullanılır?

!important Mülkiyet noktalı virgül hemen önce söz edilir: Örnek bir çalışma yapalım aşağıdaki kodu yorumlayın.

 
h1 {
 color: red !important;
}

h1{
 color: yellow;
}

İlk bakışta strandart kurala göre son belirtilen değer h1 etiketi yazı rengi sarı olarak belirtilmiş o yüzden sarı olarak görüntüleneceğini düşünebilirsiniz. Ancak yukarı !important olarak belirttiğimiz kırmızı renk geçerli olucaktır. Tarayıcılar stil kodlarını yorumlar iken !important değeri var ise onu referans alarak geçerli kılıcaktır. Birden fazla !important değeri kullanıldıysa bir html etiketine o zaman son !important değeri geçerli olucaktır.

Css !important Sonuçu

Tam ekran kodu denemek isterseniz buraya tıklayarak ulaşabilirsiniz.

Css !important özelliği

Eğer ki !important kullanacaksanız kendi içerisinde öncelik sıralaması taşır;

  1. Html etiketinin üzerinde yazıldı ise ilk oraya yazdığınız geçerli olucaktır.
  2. Html head veya body etiketinin içerisinde style kodlarının yazdıysanız ikinci olarak o geçerli olucaktır.
  3. Son olarak CSS dışarıdan dahil ettiğiniz css dosyasının içerisindeki geçerli olucaktır.

Ne Zaman !important Kullanılmalıdır?

Herhangi bir teknikte olduğu gibi, koşullara bağlı olarak artıları ve eksileri vardır. Öyleyse, ne zaman kullanılmalı? İşte potansiyel geçerli kullanımlara ilişkin öznel genel bakış.

ASLA

!important Beyanlar , diğer tüm yollar tükendikten sonra kesinlikle gerekli olmadıkça kullanılmamalıdır . Eğer kullanırsanız !important uygun hata ayıklama önlemek için, ya da tamamlanma bir proje acele, tembellik dışarı, o zaman suistimal ediyorsun ve sen (ya devralır projeleriniz olanlar) sonuçlarını yaşayacaktır.

Bunu stil sayfalarınıza az miktarda dahil ederseniz, kısa süre içinde stil sayfanızın belirli bölümlerinin bakımının daha zor olacağını göreceksiniz. Yukarıda tartışıldığı gibi, CSS mülkünün önemi, kademeli ve özgüllük yoluyla doğal olarak gerçekleşir. Eğer kullandığınız zaman !important, doğal akışını bozan ediyoruz böyle ağırlığının hak etmemek kurallara daha fazla ağırlık vererek Kurallarınızdan.

Hiç kullanmazsanız !important, bu, CSS’yi anladığınızın ve kodunuzu yazmadan önce uygun şekilde önceden düşündüğünüzün bir işaretidir.

Bununla birlikte, eski atasözü “asla asla deme” burada kesinlikle geçerli olacaktır. Öyleyse aşağıda bazı meşru kullanımlar verilmiştir !important.

Acil Bir Sorunu Geçici Olarak Düzeltmek İçin

Canlı bir istemci sitesinde CSS’nizde bir şeylerin hata verdiği zamanlar olacaktır ve çok hızlı bir şekilde bir düzeltme uygulamanız gerekir. Çoğu durumda, düzeltilmesi gereken CSS kodunu izlemek için Firebug veya başka bir geliştirici aracını kullanabilmeniz gerekir. Ancak sorun IE6’da veya hata ayıklama araçlarına erişimi olmayan başka bir tarayıcıda meydana geliyorsa, kullanarak hızlı bir düzeltme yapmanız gerekebilir !important.

Geçici düzeltmeyi üretime taşıdıktan sonra (böylece müşteriyi mutlu eder), kademeyi bozmayan daha sürdürülebilir bir yöntem kullanarak sorunu yerel olarak düzeltmeye çalışabilirsiniz. Daha iyi bir çözüm bulduğunuzda, onu projeye ekleyebilir ve kaldırabilirsiniz !important ve müşteri hiç de akıllı olmayacaktır.

Firebug ve ya Başka Bir Geliştirici Aracında Stilleri Geçersiz Kılmak İçin

Firebug veya Chrome’un geliştirici araçlarındaki bir öğeyi incelemek, gerçek stil sayfasını etkilemeden stilleri anında düzenlemenize, bir şeyleri test etmenize, hata ayıklamanıza vb. Olanak tanır. Burada sizin kodlamanıza veya bazı şeyleri bozan 3.party yazılım var ise !important kullarak değiştirebilirsiniz.

Css Nabız (Pulse) Efekti Yapımı blog cover pluse Ayhan ALTINOK

Css Nabız (Pulse) Efekti Yapımı

Ekstra harici kütüphane kullanmadan sadece Css ve Html kullarak nabız (pulse ) efekti nasıl yapabileceğinizi anlatacağım. Bu efekti yaparken ":before,:after ve animation" kodlarından yararlanacağız. Front-end bilginizi geliştirmek için…

Yorumlar

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Yorum Yaz
Yukarı Kaydır
Beni takip edin
Tema
Diller
Müzik
Search results will appear here