8. Jakie są pseudo-klasy w CSS i jakie są ich zastosowania?

Pseudo-klasy to specjalne selektory, które definiują stan specyficzny elementów, jak np. interakcje użytkownika. Niektóre z najczęściej używanych pseudo-klas to:

• :hover: stylizuje element, gdy użytkownik najeżdża na niego kursorem.
• :active: stylizuje element w momencie jego kliknięcia.
• :focus: stylizuje element, gdy jest w fokusie (np. pole formularza, na które użytkownik kliknął).
• :nth-child(n): stylizuje n-ty element wśród rodzeństwa.
• :first-child: stylizuje pierwszy element wśród rodzeństwa.
• :last-child: stylizuje ostatni element wśród rodzeństwa.

/* Przykłady */
button:hover {
    background-color: yellow; /* Zmienia kolor tła przycisku na żółty po najechaniu */
}

button:active {
    background-color: green; /* Zmienia kolor tła przycisku na zielony po kliknięciu */
}

input:focus {
    border-color: blue; /* Zmienia kolor obramowania pola tekstowego na niebieski, gdy jest w fokusie */
}

li:nth-child(2) {
    color: red; /* Zmienia kolor drugiego elementu listy na czerwony */
}

p:first-child {
    font-weight: bold; /* Zmienia wagę czcionki pierwszego paragrafu na pogrubioną */
}