inherit

Базовая линия Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

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

Для наследуемых свойств это усиливает стандартное поведение и необходимо только для переопределения другого правила.

Примечание: Наследование всегда происходит от родительского элемента в дереве документа, даже если родительский элемент не является содержащим блоком.

Примеры

Исключение выбранных элементов из правила

/* Make second-level headers green */
h2 {
  color: green;
}

/* Leave those in the sidebar alone so they use their parent's color */
#sidebar h2 {
  color: inherit;
}

В этом примере элементы h2 внутри боковой панели могут иметь разные цвета. Например, рассмотрим один из них, который является потомком div , соответствующим правилу:

div#current {
  color: blue;
}

Тогда он будет синего цвета.

Спецификации

Спецификация
CSS Каскадирование и Наследование Уровень 4 # inherit

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`inherit`	1	12	1	4	1	18	4	14	1	1.0	4.4

См. также

Наследование
Используйте ключевое слово initial для установки свойства в его начальное значение.
Используйте ключевое слово revert для сброса свойства до значения, установленного стилями пользователя по умолчанию (или пользовательскими стилями, если они существуют).
Используйте ключевое слово revert-layer для сброса свойства до значения, установленного в предыдущем слое каскада.
Используйте ключевое слово unset для установки свойства в его наследуемое значение, если оно наследуется, или в его начальное значение, если нет.
Свойство all позволяет сбросить все свойства до их начального, наследуемого, сброшенного или не заданного состояния сразу.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/inherit