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

@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" */
}

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