15. Jakie są pseudo-elementy w CSS i jakie są ich zastosowania?

Pseudo-elementy pozwalają na stylizację określonych części elementów, takich jak pierwsza litera, pierwsza linia, wstawienie zawartości przed lub po elementach bez konieczności dodawania dodatkowego kodu HTML. Najczęściej używane pseudo-elementy to ::before, ::after, ::first-letter, i ::first-line.

/* Przykłady */
p::first-line {
    font-weight: bold; /* Zmienia wagę czcionki pierwszej linii tekstu w <p> */
}

p::first-letter {
    font-size: 200%; /* Zmienia rozmiar czcionki pierwszej litery w <p> */
}

.element::before {
    content: "Prefix"; /* Dodaje zawartość przed elementem */
}

.element::after {
    content: "Suffix"; /* Dodaje zawartość po elemencie */
}