Stillerde Öncelik Hakkı Kimin?

Bazı durumlarda aynı sayfa elementinin görselliğini kontrol etmeye çalışan ve birbirlerine üstünlük kurmak için çarpışan birden fazla stil sözkonusu olabilir.Peki bu durumda stillerden hangisi baskın olacaktır? Aslına bakarsanız css'e ismini veren ve Türkçe'mizde "üstüste, basamaklı" anlamına karşılık gelebilecek olan "Cascading" terimi de bu özellikten esinlenerek isimlendirilmiştir.

Css'de stillerin öncelik hakkını aşağıdaki gibi sıralayabiliriz. (Listede öncelik sırası yukarıdan aşağıya azalmaktadır.)

  • İçerisinde !important özelliğini barındıran stil önceliklidir.
  • Eğer stilinizde !important özelliği bulunmuyorsa ziyaretçinizin stili öncelik hakkına sahip olacaktır.
  • Css tanımları içerisinde #id seçicili tanımlar sınıf seçicili tanımlara göre önceliklidirler. Aynı şekilde sınıf seçicili tanımlar da html seçicili tanımlara göre önceliklidirler.
  • Css tanımında en allta yer alan stil üsttekilere göre önceliklidir.

“!important” Kullanımı

a.stiladi { color: #fff !important }
Yukarıda bulunan bazı terimler var, sınıf seçicisi veya html seçicisi gibi eğer tanımlarını bilmiyorsanız bu makale havada kalır. O yüzden A)Seçiciler (Selectors) başlığına göz atabilirsiniz.

CSS'li günler geçirmeniz dileğiyle hoşçakalın...

Stillerde Öncelik Hakkı Kimin?” konusu hakkındaki yorumlar

ÇEKİNME SENDE YORUM YAP