CSS-İmportant-Kullanımı_emresupcinMerhaba Arkadaşlar,

3 gündür sosyal medya hikayeleri ve yeni çıkan teknolojiler üzerinde makale yazıyorduk derken eğitim makalelerimizide unuttuk neredeyse. Dersimizi CSS ile alakalı olup konumuz ise CSS’de !important kullanımının nasıl olduğu. !important kullanımı derken kastettiğim olay Öncelik hakkı kullanımıdır. Ö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>
Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Twitter ve Facebook’ta Başkasının ‘Özelini’ Paylaşmayın!

Sonraki Yazı:Captcha Nedir? Çeşitleri Nelerdir? Nerelerde Kullanılır?

YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.