CSS Özgüllük Hesaplayıcı
CSS seçicilerinizin özgüllük değerlerini (specificity) ve ağırlık puanını anında hesaplayın.
Aracı çalıştır
CSS kurallarının hangi sırada ve öncelikle uygulanacağını belirleyen temel faktör özgüllük (specificity) puanıdır. Bu çevrim içi araç, girdiğiniz CSS seçicisini parçalayarak bileşenlerini ayrı ayrı sayar ve ağırlık puanını anında hesaplar. Arayüzdeki metin kutusuna tekil bir kimlik seçicisi, sınıf seçicisi, öznitelik filtresi, sözde sınıf, sözde öğe veya karmaşık bir bileşik seçici girebilirsiniz. Sistem; kimlik tanımlayıcılarını birinci bileşende, sınıfları, öznitelik seçicilerini ve sözde sınıfları ikinci bileşende, öğe türleri ile sözde öğeleri ise üçüncü bileşende değerlendirir. Evrensel seçici sembolü bu hesaplamaya puan katkısı yapmaz. Belirlenen dörtlü bileşen grubu sırasıyla 1000, 100, 10 ve 1 katsayılarıyla ağırlıklandırılarak genel puanı oluşturur. Giriş kutusu boş bırakıldığında veya yalnızca boşluk içerdiğinde dört bileşenin tamamı sıfır döner ve toplam skor sıfır kalır. Tarayıcıda stil çakışmalarını önlemek, kuralların öncelik sırasını anlamak ve temiz CSS yazmak için bu aracı kullanabilirsiniz.
Kullanım
- Hesaplamak istediğiniz CSS seçicisini metin alanına yazın veya yapıştırın.
- Girişi tamamladıktan sonra hesaplama işlemini başlatın.
- Sonuç panelinde kimlik, sınıf, öznitelik ve öğe bazında ayrılmış bileşenleri ve toplam puanı inceleyin.
Örnekler
- #header .nav-item:hover seçicisi için 1 kimlik, 2 sınıf/sözde sınıf ve 0 öğe tespit edilir; sonuç bileşenleri [1, 2, 0, 0] ve toplam puan 1200 olarak hesaplanır.
- ul li.active a seçicisi için 0 kimlik, 1 sınıf ve 3 öğe türü tespit edilir; sonuç bileşenleri [0, 1, 3, 0] ve toplam puan 130 olarak hesaplanır.
SSS
Evrensel seçici (*) özgüllük puanını nasıl etkiler?
Evrensel seçici (*) herhangi bir özgüllük değeri taşımaz ve bileşen sayımlarına sıfır katkı sağlar.
Seçici kutusunu boş bıraktığımda ne olur?
Giriş alanı boş bırakıldığında veya yalnızca boşluk içerdiğinde dört bileşenin tümü sıfır ([0, 0, 0, 0]) ve toplam puan 0 olarak döner.
Özgüllük puanı nasıl hesaplanır?
Dört bileşen sırasıyla 1000, 100, 10 ve 1 ağırlık katsayılarıyla çarpılarak toplanır.