Как сломать наследование от класса родительского элемента в CSS?

Question

У меня есть три уровня элементов в HTML.И у меня есть CSS как L1> L3 {/ some css /} и L2> L3 {/ some css /}.HTML переводит оба CSS в элемент L3.Я не хочу L1> L3 CSS вместо удаления, есть ли способ нарушить наследование?

L1 > L3 
{ 
/some css/ 
}
L2 > L3 
{ 
/some css/ 
}

Answer 1

Элемент унаследует значение свойства от своего родителя, если он имеет:

some_property: inherit;

Многие элементы имеют это значение по умолчанию для многих свойств.

Если вы не 'Если вы хотите, чтобы он наследовал, установите другое значение .

div { color: red; }
p { color: blue; }
span { color: initial }

<div>
  <p>
    2
    <span>3</span>
  </p>
</div>