Responsive Reklam Alanı

CSS İmportant Kullanımı emresupcin - CSS: !important Kullanımı Nasıl Olur?Merhaba 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>
Paylaşmak Güzeldir
Yazar
Yazar
Twitter ve Facebook'ta Başkasının 'Özelini' Paylaşmayın! Captcha Nedir? Çeşitleri Nelerdir? Nerelerde Kullanılır?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Emre Supçin * Ecceplus WordPress Themes