Sobes.tech
Junior

Ποιες ψευδοκλάσεις CSS γνωρίζετε;

sobes.tech AI

Απάντηση από AI

  • :hover: Εφαρμόζεται σε ένα στοιχείο όταν ο δείκτης του ποντικιού βρίσκεται πάνω του.
  • :active: Εφαρμόζεται σε ένα στοιχείο όταν ενεργοποιείται από τον χρήστη (π.χ. πατώντας ένα κουμπί).
  • :focus: Εφαρμόζεται σε ένα στοιχείο όταν λαμβάνει εστίαση (π.χ. μέσω tab ή κλικ).
  • :visited: Εφαρμόζεται σε έναν σύνδεσμο που έχει ήδη επισκεφθεί ο χρήστης.
  • :link: Εφαρμόζεται σε έναν σύνδεσμο που ο χρήστης δεν έχει επισκεφθεί ακόμα.
  • :first-child: Επιλέγει το πρώτο στοιχείο ανάμεσα στα αδέλφια του.
  • :last-child: Επιλέγει το τελευταίο στοιχείο ανάμεσα στα αδέλφια του.
  • :nth-child(n): Επιλέγει το n-οστό στοιχείο ανάμεσα στα αδέλφια του. Το n μπορεί να είναι ένας αριθμός, odd, even ή ένας τύπος (π.χ. 2n+1).
  • :not(selector): Επιλέγει στοιχεία που δεν ταιριάζουν με τον δοσμένο επιλεκτή.
  • :root: Εφαρμόζεται στο ριζικό στοιχείο του εγγράφου (<html>).
  • :empty: Επιλέγει στοιχεία που δεν έχουν παιδικά στοιχεία ή κείμενο.
  • :target: Εφαρμόζεται σε ένα στοιχείο του οποίου το αναγνωριστικό ταιριάζει με το τμήμα URL (μετά το #).
  • :checked: Εφαρμόζεται σε επιλεγμένα στοιχεία φόρμας (π.χ. κουτιά ελέγχου, κουμπιά επιλογής).
  • :disabled: Εφαρμόζεται σε απενεργοποιημένα στοιχεία φόρμας.
  • :enabled: Εφαρμόζεται σε ενεργά στοιχεία φόρμας.
  • :read-only: Εφαρμόζεται σε στοιχεία φόρμας μόνο για ανάγνωση.
  • :read-write: Εφαρμόζεται σε επεξεργάσιμα στοιχεία φόρμας.
  • :lang(language): Επιλέγει στοιχεία με το συγκεκριμένο χαρακτηριστικό lang.
  • ::before: Δημιουργεί ένα ψευδο-στοιχείο πριν το περιεχόμενο του επιλεγμένου στοιχείου.
  • ::after: Δημιουργεί ένα ψευδο-στοιχείο μετά το περιεχόμενο του επιλεγμένου στοιχείου.
  • ::first-letter: Επιλέγει το πρώτο γράμμα της πρώτης γραμμής ενός μπλοκ στοιχείου.
  • ::first-line: Επιλέγει την πρώτη γραμμή ενός μπλοκ στοιχείου.
  • ::selection: Εφαρμόζεται στο μέρος του στοιχείου που έχει επιλεγεί από τον χρήστη.