Sobes.tech
Junior

Kokias CSS pseudo-klases žinote?

sobes.tech AI

Atsakymas iš AI

  • :hover: Taikoma elementui, kai į jį yra užvedamas pelės žymeklis.
  • :active: Taikoma elementui, kai jis yra aktyvuotas vartotojo (pavyzdžiui, paspaudus mygtuką).
  • :focus: Taikoma elementui, kai jis gauna fokusą (pavyzdžiui, per tabuliaciją arba paspaudimą).
  • :visited: Taikoma nuorodai, kurią vartotojas jau aplankė.
  • :link: Taikoma nuorodai, kurią vartotojas dar nėra aplankęs.
  • :first-child: Pasirenka pirmą savo brolį elementą.
  • :last-child: Pasirenka paskutinį savo brolį elementą.
  • :nth-child(n): Pasirenka n-tą savo brolį elementą. n gali būti skaičius, odd, even arba formulė (pavyzdžiui, 2n+1).
  • :not(selector): Pasirenka elementus, kurie neatitinka nurodyto selektoriaus.
  • :root: Taikoma dokumento šakniniam elementui (<html>).
  • :empty: Pasirenka elementus, kurie neturi vaikų arba teksto turinio.
  • :target: Taikoma elementui, kurio identifikatorius sutampa su URL fragmentu (po #).
  • :checked: Taikoma pasirinktiems formos elementams (pavyzdžiui, žymės langeliams, radijo mygtukams).
  • :disabled: Taikoma išjungtiems formos elementams.
  • :enabled: Taikoma įjungtiems formos elementams.
  • :read-only: Taikoma tik skaitymui prieinamoms formos elementams.
  • :read-write: Taikoma rašymui prieinamoms formos elementams.
  • :lang(language): Pasirenka elementus su nurodytu lang atributu.
  • ::before: Sukuria pseudo-elementą prieš pasirinkto elemento turinį.
  • ::after: Sukuria pseudo-elementą po pasirinkto elemento turinio.
  • ::first-letter: Pasirenka pirmąją raidę bloko elemento pirmoje eilutėje.
  • ::first-line: Pasirenka pirmąją bloko elemento eilutę.
  • ::selection: Taikoma elemento daliai, kurią vartotojas išskyrė.