Как понять наследование свойств в CSS?

Не все свойства одинаково полезны.

Наследование свойств CSS – это когда значение определенного свойства родительского элемента распространяется на его дочерние.

Но тут-то и подвох, потому что не все свойства являются наследуемыми. Большая ошибка думать, что если родительскому элементу присвоил какое-то свойство, то оно будет работать и для всех вложенных (дочерних) элементов.

Все свойства делятся на наследуемые и нет.

Поэтому, если свойство не наследуемое, то, чтобы какому-нибудь дочернему элементу присвоить такое же значение свойства, как у его родительского, надо ему присвоить значение inherit. Понимаете? Либо свойство само по себе наследуемое, либо используем inherit.

Поэтому у большинства свойств в css есть значение inherit, на случай, если окажется вдруг у родительского элемента какое-нибудь свойство не наследуемое, то можно было бы принудительно притянуть за уши его значение с помощью inherit.

Зачем вообще наследование свойств css?

Для удобства. К примеру установили шрифт для родительского элемента, и во всех дочерних будет одинаковый шрифт. И когда вы захотите сменить шрифт у всех элементов, то вам достаточно будет заменить его только у родительского. И не придется пробегаться по каждому дочернему элементу и менять свойства.

Как вы понимаете, если какое-то свойство не наследуемое, тогда у дочерних элементов нужно поставить inherit, чтобы сделать связь с родительским.

Для оптимизации кода. Лишние строки кода ни к чему.

Не понятно – пишите в комментарии.

Оцените статью
Подписаться
Уведомить о
guest
0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии