CSS: margin наследуется, а как его переопределить для класса?

Question

[Евгений Савицкий]

Я весьма плаваю в ЦСС-е, но вопрос явно на 20 секунд.

Вопрос:
https://www.ox.ee/rus/product/2805679 - имеется страница, как видно, там в описании товара проблемы
с отступами по <p> - они равны 0 и поэтому абзацы сливаются.

Если в инспекторе снять галку с margin: 0; в самом начале main.css, то описание становится нормальным, но расползается всё остальное. Как сделать, чтобы внутри class="reset-description" не наследовались "марджин" из остального? Я пробовал добавлять свой margin в класс, но оно ни на что не влияет.

Заранее спасибо.

ЗЫ Да, древний магазин с такой же вёрсткой, но имеем то, что имеем. :(

Comments

[Maksym Sahaidak]

это ваш магазин ?

Answer 1

[Wispik]

.reset-description p {
    margin: 10px;
}

Comments

[Евгений Савицкий]

Да, это понятно, что именно в самом классе надо.

Answer 2

[Maksym Sahaidak]

p {
 margin: 10px !important;
}

или

p {
 margin-left: 10px !important;
}

Comments

[Wispik]

Ужасный совет, он весь сайт поломает. В вопросе же явно написано, что нужны margin только в определенном классе

[Ankhena]

Повесить important на глобальный селектор по тегу, это надо догадаться. Не надо так делать, пожалуйста.
А кроме того что поломает, вообще писать important в своём коде это моветон. Тем более, что есть легкие варианты обойтись без него. Потому что дальше с этим кодом тоже придется как-то работать.