26. Jakie są różnice między pseudo-klasami :first-child i :first-of-type w CSS?

Pseudo-klasy w CSS pozwalają na stylizowanie elementów na podstawie ich stanu lub pozycji w drzewie DOM. Różnice między :first-child i :first-of-type są następujące:

• :first-child wybiera pierwszy element z rodzica.
  • Przykład: p:first-child wybiera pierwszy paragraf wśród dzieci rodzica.
• :first-of-type wybiera pierwszy element danego typu z rodzica.
  • Przykład: p:first-of-type wybiera pierwszy paragraf danego typu wśród dzieci rodzica.

/* Przykłady */
p:first-child {
    color: red; /* Zmienia kolor pierwszego paragrafu wśród rodzeństwa */
}

p:first-of-type {
    color: blue; /* Zmienia kolor pierwszego paragrafu danego typu wśród rodzeństwa */
}