Пример ключевого слова наследования css

Question

Что является примером необходимости использования ключевого слова наследия в css?

Answer 1

Допустим, мы хотим, чтобы весь наш якорный текст был оранжевым:

a { color: orange }

И мы хотим, чтобы весь наш текст div был зеленым:

div { color: green }

Что если мы хотим, чтобы якоря внутри div тоже были зелеными? Здесь мы можем использовать наследовать:

div > a { color: inherit }

Следующий фрагмент HTML может прояснить ситуацию:

<a href="#">I'm orange</a>
<div>I'm green!</div>
<div>I'm green and <a href="#">green</a>!</div>

Answer 2

a { color: yellow; }
strong a { color: inherit; }

В приведенном выше примере ссылки становятся желтыми, если они не находятся внутри <strong> ... </strong>, и в этом случае они являются цветом ссылок браузера по умолчанию.

inherit полезно, если вы хотите восстановить настройки браузера по умолчанию или вернуть управление определенной характеристикой на более высокий уровень в каскадном дереве. Эта способность является одной из причин каскадирования CSS в его названии.

Answer 3

http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit