CSS-вставка шаблона переопределяет основной CSS

Question

Я пытаюсь изменить этот шаблон для моего сайта.Он определяет правила для html, body и элементов списка, которые переопределяют CSS моего сайта (что мне не нужно).Я могу изменить пару вещей без особых проблем, но я не могу обойтись перестановкой html { font-size: 62.5% } в pricing-wrapper или pricing-body div элементов;размер текста искажается.

Я думаю, что здесь что-то не так ... Я пытался добавить классы к элементам ul и li, таким как .pricing-body ul, li, но это не работает каккак я и надеялся.

ВОПРОС: Лучший способ сохранить форматирование таблицы, отделяя ее от остального стиля родительской страницы?

ОБНОВЛЕНИЕ: Например, если я закомментирую тег html в строке 52, шаблон развалится.Я пытался переместить font-size: 62.5% в другие div в контейнере цен, но безуспешно.

Answer 1

Одна приятная особенность CSS заключается в том, что он позволяет переопределять стили дальше. Другими словами, если ваш CSS повторяет стилизацию для одного и того же идентификатора / класса / элемента в двух местах (с конфликтующими стилями), последний стиль отменяет предыдущий стиль.

Так, например:

#bob {width:50%;}
#bob {width:75%;}

оставит элемент с id="bob" в 75%.

Поэтому перейдите к нижней части таблицы стилей и добавьте свой собственный стиль, и вы переопределите стиль шаблона.

Кроме того, если вы определяете свои собственные стили в отдельной таблице стилей, убедитесь, что ваша таблица стилей добавлена ​​в HTML после таблицы стилей шаблона, так что ваш стиль будет последний / окончательный стиль.

Answer 2

Из этого вы можете безопасно удалить до строки 72 в CSS. Это просто сброс, а затем некоторые базовые стили.