Sobes.tech
Junior

Welke CSS-pseudo-klassen ken je?

sobes.tech AI

Antwoord van AI

  • :hover: Wordt toegepast op een element wanneer de muisaanwijzer eroverheen beweegt.
  • :active: Wordt toegepast op een element wanneer het door de gebruiker wordt geactiveerd (bijvoorbeeld door op een knop te drukken).
  • :focus: Wordt toegepast op een element wanneer het de focus krijgt (bijvoorbeeld via tab of klik).
  • :visited: Wordt toegepast op een link die de gebruiker al heeft bezocht.
  • :link: Wordt toegepast op een link die de gebruiker nog niet heeft bezocht.
  • :first-child: Selecteert het eerste element onder zijn broers en zussen.
  • :last-child: Selecteert het laatste element onder zijn broers en zussen.
  • :nth-child(n): Selecteert het n-de element onder zijn broers en zussen. n kan een nummer, odd, even of een formule (bijvoorbeeld 2n+1) zijn.
  • :not(selector): Selecteert elementen die niet overeenkomen met de opgegeven selector.
  • :root: Wordt toegepast op het wortel-element van het document (<html>).
  • :empty: Selecteert elementen die geen kind-elementen of tekstinhoud hebben.
  • :target: Wordt toegepast op een element waarvan de identificatie overeenkomt met het URL-fragment (deel na #).
  • :checked: Wordt toegepast op geselecteerde formulier-elementen (bijvoorbeeld checkboxen, radioknoppen).
  • :disabled: Wordt toegepast op uitgeschakelde formulier-elementen.
  • :enabled: Wordt toegepast op ingeschakelde formulier-elementen.
  • :read-only: Wordt toegepast op formulier-elementen die alleen-lezen zijn.
  • :read-write: Wordt toegepast op formulier-elementen die bewerkbaar zijn.
  • :lang(language): Selecteert elementen met het opgegeven lang-attribuut.
  • ::before: Maakt een pseudo-element vóór de inhoud van het geselecteerde element.
  • ::after: Maakt een pseudo-element ná de inhoud van het geselecteerde element.
  • ::first-letter: Selecteert de eerste letter van de eerste regel van een blokkerend element.
  • ::first-line: Selecteert de eerste regel van een blokkerend element.
  • ::selection: Wordt toegepast op het deel van het element dat door de gebruiker is gemarkeerd.