BLOG

Bazen sonradan dahil olduğumuz projelerde CSS yazarken verdiğimiz bazı özelliklerin çalışmadığını görürüz. Bu yazdığımız bazı seçicilerin daha yüksek öneme sahip olmasından kaynaklanmaktadır. CSS basit bir yapıya sahip olmasına rağmen, sıralama ve ağırlık gibi iki önemli konuyu içermektedir. Bu sıralamayı bilmediğimizde bazen daha fazla kod yazar bazen de çok önerilmeyen “!important” özelliğini kullanmak durumunda kalırız.

CSS Important nedir?

Important tanımı, bir CSS özelliğinin önceliğini yükselten bir özelliktir. Başka bir ifadeyle öğeye daha önce verilen özellikleri devre dışı bırakarak important kullandığımız özelliği uygulayacağımız anlamına gelmektedir.

CSS Specificity(Özgüllük) nedir?

CSS Özgüllüğü, basit bir ifadeyle tarayıcılar tarafından hangi CSS kuralının uygulanacağını belirler. Bu kurallar bir hiyerarşi içerisinde belirlenmektedir.

Özgüllük hesaplamasını sizin için otomatik olarak yapması için https://specificity.keegan.st/ sitesini kullanabilirsiniz.

Ayrıca aşağıdaki görselde bu kurallarla ilgili oldukça yararlı bir tablo var. Görsele tıklayarak daha büyük boyutta görebilir ya da indirip inceleyebilirsiniz.

Kaynaklar:

https://stuffandnonsense.co.uk/archives/css_specificity_wars.html