ToolHub
Aracı Aç

CSS Öncelik Hesaplayıcı

CSS seçicilerinin öncelik ağırlığını hesaplayın

Geliştirici Araçları
Aracı Başlat Tüm Araçlar

Bu Araç Hakkında

CSS Özgüllük Hesaplayıcı; herhangi bir CSS seçiciyi girmenize, özgüllük puanını anında görmenize ve ID, sınıf ve eleman olmak üzere üç boyutta ayrıştırmanıza olanak tanır. İki seçicinin yan yana karşılaştırmasını, otomatik kazanan tespitini, yaygın seçici örneklerini ve özgüllük kuralları referansını destekler.

Temel Özellikler

Hızlı Önizleme

Kullanım Alanları

css specificity selector

Sık Sorulan Sorular

CSS özgüllüğü nedir?

CSS özgüllüğü, birden fazla seçici aynı elemanı hedeflediğinde hangi CSS kurallarının uygulanacağını belirleyen bir puanlama sistemidir. Seçici türüne göre ağırlık hesaplar: ID seçiciler en yüksek ağırlığa sahiptir, ardından sınıf ve öznitelik seçiciler gelir, son olarak eleman seçiciler.

Özgüllük nasıl hesaplanır?

Özgüllük üç parçalı bir puan (ID, sınıf, eleman) olarak hesaplanır. Her ID seçici ID sütununa 1 ekler, her sınıf, öznitelik veya sözde sınıf seçici sınıf sütununa 1 ekler, her eleman veya sözde eleman seçici eleman sütununa 1 ekler.

!important önceliği geçersiz kılar mı?

Evet, !important bildirimi tüm normal özgüllük hesaplamalarını geçersiz kılar. Birden fazla !important kuralı çakıştığında, daha yüksek özgüllüğe sahip olan kazanır. Satır içi stiller de tüm seçici tabanlı özgüllüğü geçersiz kılar.

İki seçici yan yana karşılaştırılabilir mi?

Evet, araç iki seçici girebileceğiniz ve hangisinin daha yüksek özgüllüğe sahip olduğunu anında görebileceğiniz yan yana karşılaştırma paneli sunar. Daha yüksek puanlı seçicinin yanında otomatik olarak kazanan işareti görünür.

Hesaplayıcı hangi seçici türlerini destekler?

Hesaplayıcı; ID seçicileri, sınıf seçicileri, öznitelik seçicileri, sözde sınıf seçicileri (:hover ve :nth-child gibi), eleman seçicileri ve sözde eleman seçicilerini (::before ve ::after gibi) destekler. Ayrıca tıklamayla doldurulabilen yaygın örnekler sunar.

İlgili araçlar

JSON DoğrulayıcıRenk SeçiciHash ÜreticiUUID Üretici