Как игнорировать определенную строку CSS для дочернего элемента на основе родительского? ⇐ CSS

[Anonymous]

Предположим, у меня есть следующие родительские классы: .TestPageA, .TestPageB, .TestPageC.
Мой вопрос: как я могу игнорировать отступы: 50px 0 44px 0; в подкомпоненте только для класса .TestPageB. Итак, если это .TestPageA или .TestPageC, он может иметь отступы: 50px 0 44px 0; . Но если это .TestPageB, то заполнение будет следующим: 40px 0 40px 0; .
Как правильно настроить CSS для этих типов сценарий? Нужно ли мне создавать целый отдельный блок CSS только для .TestPageB, чтобы добавить к нему отступы? Или есть способ сделать все это в одном блоке?
.TestPageA, .TestPageB, .TestPageC{
.TopSection, .BottomSection {

.subComponent {
padding: 50px 0 44px 0;

.leftSide {
padding: 0;

.title {
width: 100%;
float: left;
padding-bottom: 20px;

h2, h3 {
.borderBottom {
border-bottom: solid 1px #fff;
width: 100%;
}
}

h2.page {
margin: -6px 0 4px 0;
}

svg, h2, h3 {
float: left;
}
}

}
}

}

}


Подробнее здесь: https://stackoverflow.com/questions/791 ... the-parent