CSS

Paste CSS belirli puanlarını görmek için seçer, onları kafadan karşılaştırır ve hangisinin kazandığını anlayın.

How to use CSS Specificity Calculator

1. Bir veya daha fazla CSS katılımcıları giriş kutusuna (bir per line).
2. Her bir seçicilik bir (a,b,c) kimliklerin, sınıfların ve elementlerin bozulması ile gösterilir.
3. Birden çok seçiciye girdiğinizde, kazanan bir 'WINS' kötüge ile yeşilde vurgulanır.
4. Tüm seçiciler arasında belirginliği karşılaştırmak için bar grafiği kullanın.
5. Herhangi bir seçmeciyi analiz edin ve sonuçları gerçek zamanlı olarak izleyin.

What is CSS?

FAQ

(a,b,c) sayıları ne anlama geliyor?

Üç sayı temsil eder: bir = kimlik seçmeci sayısı (#id), b = sınıflar (.class), özellikler ([attr) ve p-classes (:hover), c = element isimlerinin sayısı (div, p) ve p) Bir inline tarzı her şeyi yener; !iportant başka bir !important dışında her şeyi yendi.

Nasıl yapılır:is() ve:not() özellik çalışması?

CSS Selectors Seviye 4 spec, :is() ve :not() en özel argümanlarının özelliklerini alır. Örneğin:is (#id, .class) özelliğe sahiptir (1,0,0) - argümanları arasında en yüksek. :has() aynı şekilde çalışır. : Her zaman (0,0,0) argümanlarından bağımsız olarak katkıda bulunur.

Ne hakkında!important?

!important Açıklamalar, belirlilikten bağımsız olarak normal duyurular. İki !importajlı Anlaşmalar çatışması olduğunda, spesifiklik kravatı kırmak için kullanılır. Bu araç sadece taban seçici veya özelliği hesaplar - !important için hesaba katmıyor.

Related tools

• Box Shadow Generator
• CSS Gradient Generator
• CSS Minifier
• Glassmorphism Generator
• Neumorphism Generator