Сброс стиля на элементах с унаследованным стилем

Question

У меня есть один <div>, и я не хочу наследовать какое-либо форматирование от любых других таблиц стилей - я хочу начать с этого <div> заново. Как я могу это сделать?

Answer 1

Я не знаю никакого решения, кроме явного сброса всех стилей для этого div.

Answer 2

Используйте что-то вроде firebug или панели инструментов разработчика IE, чтобы получить список всех стилей, примененных к div, и, к сожалению, вручную сбросить их все.

Answer 3

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

Answer 4

Я обнаружил, что если вы знаете ошибочный класс CSS, вы можете использовать встроенный блок <Style>, чтобы переопределить этот конкретный набор стилей.

Например, в моем выпуске сторонний инструмент имел стиль .RadComboBoxDropDown Input, чтобы установить стиль для всех элементов управления вводом.Однако это вызывало проблемы с полями, поэтому я смог добавить следующий встроенный блок стилей непосредственно над точкой, в которой он использовался, используя точно такое же имя класса CSS, что и у неисправного стороннего класса CSS.

 <style>
        .RadComboBoxDropDown input
        {
            margin: 0px !important;
        }
 </style>

Я тестировал это только в Chrome, но он показал, что применен новый класс, и стили возобновили свою правильную компоновку.

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

Answer 5

Я не уверен, что вы можете сделать общее переопределение наследования, хотя было бы неплохо, если бы была поддержка такой вещи.

Хотя у вас есть несколько вариантов ...

Вы можете определить свой собственный стиль и использовать ! Important в конце каждого оператора (не совсем весело).

div.myspecialdiv
{
  padding:10px !important;
  margin:0 auto !important;
  font-size:12px !important;
  font-family:Arial !important;
  font-weight:normal !important;
  /* and etc. */
}

Или вы также можете попробовать использовать auto .

Вот пример:

div.myspecialdiv
{
  padding:auto;
  margin:auto;
  background:auto;
  font-size:auto;
  font-family:auto;
  font-weight:auto;
  /* and etc. */
}

Подробнее об этом можно прочитать здесь: http://www.michaelhamrah.com/blog/2009/02/wiping-out-inherited-css-styles/