Sobes.tech
Junior

Jaké pseudo-třídy CSS znáte?

sobes.tech AI

Odpověď od AI

  • :hover: Používá se na prvek, když je na ně umístěn ukazatel myši.
  • :active: Používá se na prvek, když je aktivován uživatelem (například stisknutím tlačítka).
  • :focus: Používá se na prvek, když obdrží fokus (například přes tabulátor nebo kliknutí).
  • :visited: Používá se na odkaz, který uživatel navštívil.
  • :link: Používá se na odkaz, který uživatel ještě nenavštívil.
  • :first-child: Vybere první prvek mezi sourozenci.
  • :last-child: Vybere poslední prvek mezi sourozenci.
  • :nth-child(n): Vybere n-tý prvek mezi sourozenci. n může být číslo, odd, even nebo vzorec (například 2n+1).
  • :not(selector): Vybere prvky, které neodpovídají zadanému selektoru.
  • :root: Používá se na kořenový prvek dokumentu (<html>).
  • :empty: Vybere prvky, které nemají žádné potomky nebo textový obsah.
  • :target: Používá se na prvek, jehož identifikátor odpovídá fragmentu URL (část po #).
  • :checked: Používá se na zaškrtnuté prvky formuláře (například zaškrtávací políčka, radiobuttony).
  • :disabled: Používá se na zakázané prvky formuláře.
  • :enabled: Používá se na povolené prvky formuláře.
  • :read-only: Používá se na formulářové prvky pouze pro čtení.
  • :read-write: Používá se na formulářové prvky, které jsou upravitelné.
  • :lang(language): Vybere prvky s daným atributem lang.
  • ::before: Vytvoří pseudo-prvek před obsahem vybraného prvku.
  • ::after: Vytvoří pseudo-prvek po obsahu vybraného prvku.
  • ::first-letter: Vybere první písmeno prvního řádku blokového prvku.
  • ::first-line: Vybere první řádek blokového prvku.
  • ::selection: Používá se na část prvku, kterou uživatel zvýraznil.