Τάξη εναντίον ID
Cascading Style Sheets (CSS) είναι μια γλώσσα που περιγράφει την εμφάνιση και τη μορφοποίηση ενός εγγράφου που έχει γραφτεί χρησιμοποιώντας μια γλώσσα σήμανσης. Το CSS χρησιμοποιείται ευρέως για το στυλ ιστοσελίδων γραμμένων σε HTML. Το CSS επιτρέπει τον καθορισμό των δικών σας επιλογέων στυλ εκτός από την εφαρμογή στυλ για στοιχεία HTML. Αυτό γίνεται χρησιμοποιώντας τους επιλογείς αναγνωριστικού και κλάσης. Όταν καθορίζετε ένα στυλ για ένα μοναδικό στοιχείο, χρησιμοποιείται ο επιλογέας ID. Όταν καθορίζετε ένα στυλ για μια ομάδα στοιχείων, χρησιμοποιείται ο επιλογέας κλάσης.
Τι είναι μια τάξη;
Στο CSS, ο επιλογέας κλάσης μπορεί να χρησιμοποιηθεί για να εφαρμόσετε το δικό σας στυλ σε μια ομάδα στοιχείων. Ο επιλογέας κλάσης χρησιμοποιείται για την εφαρμογή ενός συγκεκριμένου στυλ σε ένα σύνολο στοιχείων με την ίδια κλάση. Στο CSS, ένας επιλογέας κλάσης αναγνωρίζεται με τελεία (.). Ακολουθεί ένα παράδειγμα επιλογέα κλάσης που ορίζεται στο CSS.
.my_class {
χρώμα: μπλε;
βάρος γραμματοσειράς: έντονη γραφή;
}
Το HTML μπορεί να αναφέρεται στην κλάση που ορίζεται στο CSS χρησιμοποιώντας την κλάση χαρακτηριστικών όπως φαίνεται παρακάτω.
Αυτή είναι η μορφοποίησή μου
Αυτή είναι και πάλι η μορφοποίηση μου
Όπως φαίνεται παραπάνω, η ίδια κλάση θα μπορούσε να χρησιμοποιηθεί για πολλά στοιχεία και ένα μεμονωμένο στοιχείο μπορεί να χρησιμοποιήσει πολλές κλάσεις. Όταν χρησιμοποιούνται πολλές κλάσεις στο ίδιο στοιχείο, οι κλάσεις εισάγονται στο χαρακτηριστικό class που οριοθετείται από ένα διάστημα όπως φαίνεται παρακάτω.
Αυτή είναι η μορφοποίησή μου χρησιμοποιώντας δύο κλάσεις
Τι είναι η ταυτότητα;
Σε CSS, ο επιλογέας αναγνωριστικού μπορεί να χρησιμοποιηθεί για να εφαρμόσετε το δικό σας στυλ σε ένα μοναδικό στοιχείο. Στο CSS, ένας επιλογέας αναγνωριστικού αναγνωρίζεται από έναν κατακερματισμό (). Ακολουθεί ένα παράδειγμα ενός επιλογέα αναγνωριστικού που ορίζεται στο CSS.
my_ID {
χρώμα: κόκκινο;
text-align:right;
}
Το HTML μπορεί να αναφέρεται στον επιλογέα αναγνωριστικού που ορίζεται στο CSS χρησιμοποιώντας το αναγνωριστικό χαρακτηριστικού όπως φαίνεται παρακάτω.
Αυτή είναι η μορφοποίησή μου από έναν επιλογέα αναγνωριστικού
Τα τα αναγνωριστικά είναι μοναδικά. Επομένως, κάθε στοιχείο μπορεί να έχει μόνο ένα αναγνωριστικό και κάθε σελίδα μπορεί να έχει μόνο ένα στοιχείο με αυτό το συγκεκριμένο αναγνωριστικό. Τα αναγνωριστικά έχουν ένα σημαντικό χαρακτηριστικό που μπορούν να χρησιμοποιηθούν με ένα πρόγραμμα περιήγησης. Εάν η διεύθυνση URL της σελίδας περιέχει μια τιμή κατακερματισμού (π.χ. https://myweb.commy_id), το πρόγραμμα περιήγησης θα προσπαθήσει να εντοπίσει αυτόματα το στοιχείο με το αναγνωριστικό "my_id" και θα πραγματοποιήσει κύλιση στην ιστοσελίδα για να εμφανιστεί αυτό το στοιχείο. Αυτός είναι ένας λόγος για τον οποίο η σελίδα πρέπει να έχει ένα μόνο στοιχείο με αυτό το συγκεκριμένο αναγνωριστικό, έτσι ώστε το πρόγραμμα περιήγησης να μπορεί να εντοπίσει αυτό το στοιχείο.
Ποια είναι η διαφορά μεταξύ Class και ID;
Ακόμη κι αν και ο επιλογέας κλάσης και ο επιλογέας αναγνωριστικού μπορούν να χρησιμοποιηθούν για την εφαρμογή του δικού σας στυλ σε στοιχεία μιας ιστοσελίδας, έχουν ορισμένες σημαντικές διαφορές. Ο επιλογέας κλάσης μπορεί να χρησιμοποιηθεί για την εφαρμογή του δικού σας στυλ σε μια ομάδα στοιχείων, ενώ ο επιλογέας αναγνωριστικού χρησιμοποιείται για την εφαρμογή ενός στυλ σε ένα μοναδικό, μοναδικό στοιχείο. Όταν χρησιμοποιείτε αναγνωριστικά, κάθε στοιχείο μπορεί να έχει μόνο ένα αναγνωριστικό και κάθε σελίδα μπορεί να έχει μόνο ένα στοιχείο με αυτό το συγκεκριμένο αναγνωριστικό, αλλά η Κλάση θα μπορούσε να χρησιμοποιηθεί για πολλά στοιχεία και ένα μεμονωμένο στοιχείο μπορεί να χρησιμοποιεί πολλές κλάσεις. Επιπλέον, το ID μπορεί να χρησιμοποιηθεί για αυτόματη κύλιση μιας σελίδας για να εμφανιστεί το στοιχείο με αυτό το αναγνωριστικό, αλλά αυτό δεν είναι δυνατό με τον επιλογέα κλάσης.
