Не все свойства одинаково полезны.
Наследование свойств CSS – это когда значение определенного свойства родительского элемента распространяется на его дочерние.
Но тут-то и подвох, потому что не все свойства являются наследуемыми. Большая ошибка думать, что если родительскому элементу присвоил какое-то свойство, то оно будет работать и для всех вложенных (дочерних) элементов.
Все свойства делятся на наследуемые и нет.
Поэтому, если свойство не наследуемое, то, чтобы какому-нибудь дочернему элементу присвоить такое же значение свойства, как у его родительского, надо ему присвоить значение inherit
. Понимаете? Либо свойство само по себе наследуемое, либо используем inherit
.
Поэтому у большинства свойств в css есть значение inherit
, на случай, если окажется вдруг у родительского элемента какое-нибудь свойство не наследуемое, то можно было бы принудительно притянуть за уши его значение с помощью inherit
.
Зачем вообще наследование свойств css?
Для удобства. К примеру установили шрифт для родительского элемента, и во всех дочерних будет одинаковый шрифт. И когда вы захотите сменить шрифт у всех элементов, то вам достаточно будет заменить его только у родительского. И не придется пробегаться по каждому дочернему элементу и менять свойства.
Как вы понимаете, если какое-то свойство не наследуемое, тогда у дочерних элементов нужно поставить inherit
, чтобы сделать связь с родительским.
Для оптимизации кода. Лишние строки кода ни к чему.
Не понятно – пишите в комментарии.