Sobes.tech
Junior

Jakie pseudo-klasy CSS znasz?

sobes.tech AI

Odpowiedź od AI

  • :hover: Dotyczy elementu, gdy na niego najeżdża wskaźnik myszy.
  • :active: Dotyczy elementu, gdy jest aktywowany przez użytkownika (np. naciśnięcie przycisku).
  • :focus: Dotyczy elementu, gdy otrzymuje fokus (np. przez tabulację lub kliknięcie).
  • :visited: Dotyczy odnośnika, który użytkownik już odwiedził.
  • :link: Dotyczy odnośnika, którego użytkownik jeszcze nie odwiedził.
  • :first-child: Wybiera pierwszy element spośród swoich rodzeństw.
  • :last-child: Wybiera ostatni element spośród swoich rodzeństw.
  • :nth-child(n): Wybiera n-ty element spośród swoich rodzeństw. n może być liczbą, odd, even lub formułą (np. 2n+1).
  • :not(selector): Wybiera elementy, które nie pasują do podanego selektora.
  • :root: Dotyczy elementu głównego dokumentu (<html>).
  • :empty: Wybiera elementy, które nie mają elementów potomnych ani tekstu.
  • :target: Dotyczy elementu, którego identyfikator odpowiada fragmentowi URL (po #).
  • :checked: Dotyczy zaznaczonych elementów formularza (np. checkboxów, przycisków radiowych).
  • :disabled: Dotyczy wyłączonych elementów formularza.
  • :enabled: Dotyczy włączonych elementów formularza.
  • :read-only: Dotyczy elementów formularza tylko do odczytu.
  • :read-write: Dotyczy elementów formularza, które można edytować.
  • :lang(language): Wybiera elementy z określonym atrybutem lang.
  • ::before: Tworzy pseudo-element przed zawartością wybranego elementu.
  • ::after: Tworzy pseudo-element po zawartości wybranego elementu.
  • ::first-letter: Wybiera pierwszą literę pierwszej linii bloku.
  • ::first-line: Wybiera pierwszą linię bloku.
  • ::selection: Dotyczy części elementu zaznaczonej przez użytkownika.