В идеале вы должны придерживаться H1, затем H2, а затем использовать CSS, чтобы изменить стили обоих в соответствии с тем, что вы хотите.
Думайте о HTML как об описании содержимого и структуры вашего документа (следовательно, почему предпочтительнее придерживаться H1, а не H2, потому что это указывает на структуру заголовков), а затем думать о CSS, как о том, что эта структура берется и форматируется в соответствии с в соответствии с некоторыми правилами компоновки, поэтому CSS определяет, какого размера и какого цвета вы хотите, чтобы все ваши H1 и H2 были.
(Технически ничто не мешает вам перепутать порядок и делать все, что вы хотите)