Υπολογισμός ειδικότητας CSS και ποιος κανόνας υπερισχύει
Επικολλήστε επιλογείς για να μετρήσετε την ειδικότητά τους, ή επικολλήστε CSS και ένα στοιχείο για να δείτε τον κανόνα που ισχύει.
- Λειτουργεί στη συσκευή σας
- Χωρίς εγγραφή
- Λειτουργεί εκτός σύνδεσης μετά από μία επίσκεψη
Τα προεπιλεγμένα στυλ του browser και άλλα φύλλα στυλ δεν περιλαμβάνονται. Τίποτα δεν στέλνεται πουθενά.
| Επιλογέας | Ειδικότητα | Βαρύτητα | Πλαίσιο |
|---|
| Κανόνας | Τιμή | Ειδικότητα | Επίπεδο | Αποτέλεσμα |
|---|
Πώς να βρείτε ποιος κανόνας CSS νικά
- Επιλέξτε λειτουργία: μέτρηση επιλογέων ή εύρεση νικητή κανόνα.
- Επικολλήστε τους επιλογείς, ή το CSS, το HTML και την ιδιότητα.
- Διαβάστε τη βαθμολογία ή τον νικητή και γιατί έχασε κάθε άλλος κανόνας.
Ερωτήσεις
Πώς υπολογίζεται η ειδικότητα;
Κάθε id μετράει 1,0,0, κάθε κλάση, χαρακτηριστικό ή pseudo-class 0,1,0, και κάθε όνομα στοιχείου ή pseudo-element 0,0,1. Ο καθολικός επιλογέας και το :where() δεν μετράνε καθόλου.
Πώς μετρούν τα :is(), :not() και :has();
Μετρούν ως το ισχυρότερο όρισμά τους. Έτσι το :is(#a, .b) p έχει 1,0,1, επειδή το #a είναι το ισχυρότερο μέρος μέσα στο :is(). Ο κανόνας με :where(#a) p έχει 0,0,1.
Γιατί ένας κανόνας με layer χάνει από έναν απλό κανόνα;
Για κανονικές δηλώσεις, οι κανόνες εκτός οποιουδήποτε layer νικούν τους κανόνες μέσα σε layers. Στο !important η σειρά αντιστρέφεται, οπότε νικά ένα προηγούμενο layer. Ένα κανονικό χαρακτηριστικό style νικά κάθε κανόνα κανονικού φύλλου στυλ, και ένα style με !important νικά κάθε άλλον κανόνα !important.
Στέλνεται το CSS μου κάπου;
Όχι. Ο browser σας αναλύει και ταιριάζει τους επιλογείς σε αυτή την καρτέλα, και τίποτα δεν στέλνεται σε διακομιστή.
Κριτικές
Δεν υπάρχουν κριτικές ακόμη. Γίνετε οι πρώτοι.