CSS: !important ( Öncelik Hakkı) Kullanımı

CSS: !important ( Öncelik Hakkı) Kullanımını birlikte öğrenelim.

CSS (Cascading Style Sheet) Öncelik Kavramını inceleyelim.

Önceliği etkileyen üç kavram, User-Agent (Tarayıcı) , User (Kullanıcı) ve Author (Geliştirici veya Yazar) kavramlarıdır. Biçimler important (önemli) ve normal olarak iki şekilde tanımlanabilmektedir. Biçimin önemli olup olmaması ve biçimi kimin veya neyin tanımladığına göre öncelik sırası düşük öncelikten yüksek önceliğe aşağıdaki gibi olmaktadır :

[*] User-Agent (Tarayıcı) normal biçimleri
[*] User (Kullanıcı) normal biçimleri
[*] Author (Geliştirici veya Yazar) normal biçimleri
[*] Author (Geliştirici veya Yazar) important (önemli) biçimleri
[*] User (Kullanıcı) important (önemli) biçimleri

Yukarıda tanımlanan sıralardan aynı öncelik sırasında olanlar aşağıdaki kurallara göre düşükten yüksek önceliğe aşağıdaki gibi sıralanırlar :

[*] Element adı ve Pseude element ile yapılan biçimler
[*] Class selector (seçici) ve Pseudo class ile yapılan biçimler
[*] ID selector (seçici) ile yapılan biçimler
[*] Elemente HTML içerisinde style property'si ile verilen biçimler

Yukarıdaki tanımlamaları ve açıklamaları kısaca açıklarsak, kelime anlamı olarak important önemli anlamı taşımaktadır. CSS dosyanızda kullandığınız stil'de kullanılan değerlerin öncelikli olarak çağrılmasını sağlarız.

Örnekler ile açıklayalım.

Not: Öncelik hakkı vereceğimiz kod, ; virgülden sonra ekleme çalışmalarınızda hatalı olarak uygulanacaktır.

!important;



!important; doğru kullanım:

.deneme

{

border-color:#000000 !important;

}



!important; hatalı kullanım:

.deneme

{

border-color:#000000; !important;

}



Örnek - CSS(Dosya):

p {

    color: red !important;

}

#deneme{

    color: green;

}



Örnek - HTML(Dosya):

<p id="deneme">Öncelik Kırmızı Oldu.</p>

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git