Sobes.tech
Junior

Aké pseudo-triedy CSS poznáte?

sobes.tech AI

Odpoveď od AI

  • :hover: Použije sa na elemente, keď je na ne umiestnený ukazovateľ myši.
  • :active: Použije sa na element, keď je aktivovaný používateľom (napríklad stlačením tlačidla).
  • :focus: Použije sa na element, keď získa fokus (napríklad cez tabulátor alebo kliknutie).
  • :visited: Použije sa na odkaz, ktorý používateľ už navštívil.
  • :link: Použije sa na odkaz, ktorý používateľ ešte nenavštívil.
  • :first-child: Vyberie prvý prvok medzi svojimi súrodencami.
  • :last-child: Vyberie posledný prvok medzi svojimi súrodencami.
  • :nth-child(n): Vyberie n-tý prvok medzi svojimi súrodencami. n môže byť číslo, odd, even alebo vzorec (napríklad 2n+1).
  • :not(selector): Vyberie prvky, ktoré nezodpovedajú zadanému selektoru.
  • :root: Použije sa na koreňový prvok dokumentu (<html>).
  • :empty: Vyberie prvky, ktoré nemajú žiadne deti alebo textový obsah.
  • :target: Použije sa na prvok, ktorého identifikátor zodpovedá fragmentu URL (časť po #).
  • :checked: Použije sa na vybrané prvky formulára (napríklad zaškrtávacie políčka, radiobuttony).
  • :disabled: Použije sa na deaktivované prvky formulára.
  • :enabled: Použije sa na povolené prvky formulára.
  • :read-only: Použije sa na formulárové prvky iba na čítanie.
  • :read-write: Použije sa na upraviteľné prvky formulára.
  • :lang(language): Vyberie prvky s daným atribútom lang.
  • ::before: Vytvorí pseudo-prvok pred obsahom vybraného prvku.
  • ::after: Vytvorí pseudo-prvok po obsahu vybraného prvku.
  • ::first-letter: Vyberie prvé písmeno prvého riadku blokového prvku.
  • ::first-line: Vyberie prvý riadok blokového prvku.
  • ::selection: Použije sa na časť prvku, ktorú používateľ zvýraznil.