Что обозначает обесцвеченное свойство в инспекторе браузера?

Question

[Вячеслав Лебедев]

Добрый день! :)
Что обозначает обесцвеченное свойство в инспекторе браузера?

Answer 1

[Вадим Белкин]

В инспекторе браузера (Chrome, новая Opera и другие на webkit) обесцвеченными обозначаются параметры родительских элементов, которые не передаются по наследству дочернему элементу.

В данном случае letter-spacing наследуют от родителя все его дочерние элементы, а display - нет.

Comments

[Вячеслав Лебедев]

Другими словами - если у элемента свойство обесцвечено, то оно не перешло по наследству от родителя?
Что сделать, чтобы оно перешло и почему возникает такая ситуация?
Спасибо! :)

[Вадим Белкин]

take.ms/56Y47 по этому примеру кода объясню.
В данном случае я смотрю стили элемента ".b-doc-menu__item .b-link *", ниже (через 1 блок) идут стили его родительского элемента ".b-doc-menu__item .b-link". Тут видно что серым выделены все свойства кроме color и line-height, потому-что только они передались ".b-doc-menu__item .b-link *" от своего родителя ".b-doc-menu__item .b-link".

В CSS есть параметры как наследуемые от родителя так и ненаследуемые (в интернете об этом можно без проблем информацию найти). Наследуемые параметры всегда передаются дочерним, если у дочернего они не заданы или не переназначены. Ненаследуемые параметры не передаются дочерним, можно лишь указать у дочерних элементов параметр с тем же значением или со значением "inherit" (берет значение параметра родительского элемента).

[Вячеслав Лебедев]

Вадим Белкин: Разобрался. Спасибо! :)

Answer 2

[AngReload]

Стандартное свойство от браузера?