Как сделать чтобы элемент не наследовал значение родителя css?

Пользователь

от magali , в категории: HTML/CSS , 9 месяцев назад

Как сделать чтобы элемент не наследовал значение родителя css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от rodger.botsford , 3 месяца назад

@magali 

Чтобы элемент не наследовал значение родителя в CSS, вы можете использовать ключевое слово inherit или значение initial.


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


Значение initial устанавливает свойство в его значение по умолчанию, так что элемент не будет наследовать значение родителя.


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
.parent {
  color: red;
}

.child {
  color: inherit; /* будет иметь значение "red" */
}

.other-child {
  color: initial; /* будет иметь значение по умолчанию для свойства "color" */
}


Обратите внимание, что не все свойства могут быть установлены с