CSS Almanac 2025, Ιανουάριος

Ο επιλογέας #id σας επιτρέπει να στοχεύσετε ένα στοιχείο με αναφορά στο χαρακτηριστικό HTML id. Παρόμοια με τον τρόπο με τον οποίο χαρακτηρίζονται τα χαρακτηριστικά κλάσης στο CSS με "τελεία"

Ο: μη έγκυρος επιλογέας σάς επιτρέπει να επιλέξετε στοιχεία που δεν περιέχουν έγκυρο περιεχόμενο, όπως καθορίζεται από το χαρακτηριστικό τύπου. : το έγκυρο ορίζεται στο CSS "

Ο γενικός συνδυασμός αδελφών (~) στο CSS μοιάζει με αυτό στη χρήση: .featured-image ~ p (μέγεθος γραμματοσειράς: 90%;) Σε αυτό το παράδειγμα, θα επιλέγατε όλα "

Η κατηγορία: focus pseudo στο CSS χρησιμοποιείται για το στυλ ενός στοιχείου που στοχεύει αυτήν τη στιγμή από το πληκτρολόγιο ή ενεργοποιείται από το ποντίκι. Εδώ είναι ένα παράδειγμα: "

Ο: ψευδο-επιλογέας εστίασης στο CSS είναι λίγο ασυνήθιστος, αν και καλά ονομασμένος και μάλλον διαισθητικός. Επιλέγει ένα στοιχείο εάν το στοιχείο περιέχει οποιοδήποτε "

Ο επιλογέας πρώτου τύπου στο CSS σάς επιτρέπει να στοχεύσετε την πρώτη εμφάνιση ενός στοιχείου στο κοντέινερ του. Ορίζεται στο CSS Selectors Level 3 "

Η κατηγορία: hover pseudo στο CSS επιλέγει στοιχεία όταν ο δρομέας του ποντικιού είναι τρέχων πάνω τους. Συνήθως σχετίζεται με το σύνδεσμο () "

Το :: ψευδο-στοιχείο πρώτης γραμμής είναι για την εφαρμογή στυλ στην πρώτη γραμμή ενός στοιχείου. Φανταστείτε μια παράγραφο που έχει πολλές γραμμές (όπως αυτή!). "

Ο επιλογέας πρώτου παιδιού σάς επιτρέπει να στοχεύσετε το πρώτο στοιχείο αμέσως μέσα σε ένα άλλο στοιχείο. Ορίζεται στο CSS Selectors Level 3 spec ως "

:: Το πρώτο γράμμα είναι ένα ψευδο στοιχείο που σας επιτρέπει να μορφοποιήσετε το πρώτο γράμμα σε ένα στοιχείο, χωρίς να χρειάζεται να κολλήσετε μια ετικέτα γύρω από αυτό το πρώτο "

Ο: κενός επιλογέας ψευδώνου θα επιλέξει στοιχεία που δεν περιέχουν τίποτα ή μόνο ένα σχόλιο HTML. div: κενό (οθόνη: κανένα;) Θα ταιριάζει "

Ένας θυγατρικός συνδυασμός στο CSS είναι το σύμβολο "μεγαλύτερο από", μοιάζει με αυτό: ol> li (χρώμα: κόκκινο;) Σημαίνει "επιλεγμένα στοιχεία που είναι άμεσοι απόγονοι"

Η: ενεργοποιημένη ψευδο-κλάση στο CSS επιλέγει εστιασμένα στοιχεία που δεν είναι απενεργοποιημένα και επομένως ενεργοποιημένα. Συνδέεται μόνο με στοιχεία φόρμας "

Ένας επιλογέας τάξης στο CSS ξεκινά με μια τελεία (.), Ως εξής: .class () Ένας επιλογέας τάξης επιλέγει όλα τα στοιχεία με ένα αντίστοιχο χαρακτηριστικό κλάσης. Για παράδειγμα,"

Το: dir () pseudo-class στο CSS επιτρέπει την επιλογή στοιχείων με βάση την κατεύθυνση της γλώσσας, όπως καθορίζεται στη σήμανση HTML. Υπάρχουν πραγματικά "

Ο: απενεργοποιημένος επιλογέας ψευδοκλάσης παρέχει στυλ υπό όρους σε στοιχεία HTML που μπορούν να λάβουν είσοδο χρήστη, όταν τα στοιχεία έχουν απενεργοποιηθεί "

Ένας επιλογέας απογόνων στο CSS είναι οποιοσδήποτε επιλογέας με κενό διάστημα μεταξύ δύο επιλογών χωρίς συνδυαστικό. Ακολουθούν ορισμένα παραδείγματα: ul li () κεφαλίδα h2 () "

Ο: προεπιλεγμένος ψευδο-επιλογέας θα ταιριάζει με τον προεπιλεγμένο σε μια ομάδα σχετικών στοιχείων, όπως το κουμπί επιλογής σε μια ομάδα κουμπιών που επιλέγεται από το "

Η: ελεγμένη ψευδο-κλάση στο CSS επιλέγει στοιχεία όταν βρίσκονται στην επιλεγμένη κατάσταση. Συνδέεται μόνο με στοιχεία εισόδου () ραδιοφώνου τύπου και "

Η: κενή ψευδο-τάξη βασίζεται στην: κενή ψευδο-τάξη. Όπως: κενό,: το κενό θα επιλέξει στοιχεία που δεν περιέχουν καθόλου ή θα περιέχει μόνο HTML "

Υπάρχουν πολλοί τρόποι με τους οποίους μπορείτε να επιλέξετε στοιχεία στο CSS. Η πιο βασική επιλογή είναι με όνομα ετικέτας, όπως p (). Σχεδόν τίποτα πιο συγκεκριμένο από μια ετικέτα "

Τα :: πριν και :: μετά ψευδο-στοιχεία στο CSS σάς επιτρέπουν να εισάγετε περιεχόμενο σε μια σελίδα χωρίς να χρειάζεται να είναι στο HTML. Ενώ το τελικό αποτέλεσμα δεν είναι "

Div (z-index: 1; / * integer * /) Η ιδιότητα z-index στο CSS ελέγχει την κάθετη σειρά στοίβαξης των στοιχείων που επικαλύπτονται. Όπως στο, που εμφανίζεται ως "

Η: ψευδο-κλάση οποιουδήποτε συνδέσμου στο CSS παρέχει μια μέθοδο για την επιλογή στοιχείων που είναι η αγκύρωση προέλευσης ενός υπερσυνδέσμου. Αν σας έχασε ο όρος προέλευσης όρου, "

Ο: ενεργός ψευδο-επιλογέας αλλάζει την εμφάνιση ενός συνδέσμου ενώ είναι ενεργοποιημένος (με κλικ ή ενεργοποίηση με άλλο τρόπο). Συνήθως φαίνεται μόνο "

Ο παρακείμενος συνδυασμός αδελφών στο CSS δεν είναι από μόνοι του επιλογέας, αλλά τρόπος συνδυασμού δύο επιλογών. Για παράδειγμα: p + p (περιθώριο: 0;) Το σύμβολο συν "

Η ιδιότητα πλάτους στο CSS καθορίζει το πλάτος της περιοχής περιεχομένου του στοιχείου. Αυτή η περιοχή "περιεχομένου" είναι το τμήμα μέσα στην επένδυση, το περίγραμμα και το περιθώριο του "

Η ιδιότητα white-space ελέγχει τον τρόπο χειρισμού του κειμένου στο στοιχείο στο οποίο εφαρμόζεται. Ας υποθέσουμε ότι έχετε HTML ακριβώς έτσι: Μια δέσμη λέξεων εσείς "

Η ιδιότητα ζουμ στο CSS σάς επιτρέπει να κλιμακώσετε το περιεχόμενό σας. Είναι μη τυπικό και αρχικά εφαρμόστηκε μόνο στον Internet Explorer. Αν και πολλά "

Η ιδιότητα διαχωρισμού λέξεων είναι παρόμοια με την απόσταση μεταξύ γραμμάτων, αν και φυσικά η χρήση της διέπει την απόσταση μεταξύ των λέξεων σε ένα κομμάτι κειμένου και όχι το "