Вложенный CSS в Boostrap 4 не работает

Question

Работа с Bootstrap 4 и попытка изменить и создать некоторые элементы HTML внутри классов / делений.

Это код внутри столбца Bootstrap внутри строки:

<div class="row">
    <div class="col-lg-9 top-post-left text-left">
        <div class="art_content">
            <h3>Main Title</h3>
            <h4>Sub Title</h4>
            <h6>Date & stuff</h6>
        </div>
    </div>
</div>

Этот терпит неудачу в CSS:

.art_content {
  h3, h4, h5, h6 {
    padding:  10px 0 10px 0;
  }
}

Одно CSS правило работает:

.art_content h3 {
    padding:  10px 0 10px 0;
}

Конечно, я Я бы предпочел исправить их с первым, но я просто не могу вставить здесь последовательности. Я просмотрел все файлы Bootstrap и Main CSS, но не могу найти пример того, как это делается.

Любая помощь приветствуется!