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>
- emresupcin
- Css
- 23 Haziran 2013 - 15:31
- Yorum Yok
- 1381 Görüntülenme
author Author (Geliştirici Yazar) class selector css elementleri css important Kullanımı css öncelik hakkı important (önemli) important Kullanımı ıd selector öncelik hakkı kullanımı User (Kullanıcı) user-agent User-Agent (Tarayıcı)