Игнорировать CSS обертки элементов

Question

Допустим, у меня есть два типа:

<div name="parent" style="color:blue;padding:5px">
  <div name="child" style="background:red">
    Text that ignores color:blue and padding:5px, but still obeys background:red.
  </div>
</div>

Я хочу, чтобы текст в div с именем child игнорировал все css, которые не определены child. Я знаю, что могу сделать это путем определения каждой опции css, доступной по умолчанию, но это было бы очень громоздко для моего текущего проекта. Я тоже не хочу использовать фреймы. Как я могу это сделать? Спасибо.

Answer 1

«C» в CSS = «каскадный», что означает, что элементы наследуют свойства от своих родителей.

Возможно, вы сможете написать какой-нибудь скрипт для автоматизации этого, но вам действительно нужно перезаписатьродительские свойства.Вот как работает CSS.

PS вы должны использовать идентификаторы и классы, а не "name".

Answer 2

Я знаю, что могу сделать это, определив каждую опцию css, доступную по умолчанию, но это было бы очень громоздко для моего текущего проекта.сделано:

<div name="parent" style="color:blue;padding:5px">
  <div name="child" style="background:red;color:#000">
    Text that ignores color:blue and padding:5px, but still obeys background:red.
  </div>
</div>

padding не наследуется, поэтому вам не нужно сбрасывать его.Проверьте столбец «Унаследованный» здесь, чтобы увидеть, что вам нужно сбросить: http://www.w3.org/TR/CSS21/propidx.html