13. Jak działa dziedziczenie w CSS?

Dziedziczenie w CSS polega na tym, że niektóre właściwości są automatycznie przekazywane od elementu nadrzędnego do jego elementów potomnych. Właściwości takie jak color, font-family i line-height są dziedziczone, podczas gdy inne, jak margin, padding czy border, nie są dziedziczone.

/* Przykład dziedziczenia */
.parent {
    color: blue; /* Ta właściwość zostanie odziedziczona przez dzieci */
    font-size: 20px; /* Ta właściwość również zostanie odziedziczona */
}

.child {
    font-weight: bold; /* Ta właściwość nie zostanie dziedziczona */
}