Проблема перехода с html h3 tag на h4 с css boostrap

Question

У меня есть тег h3 в HTML, как это:

<div class="centrar">
        <h3>Lorem ipsum dolor!</h3>
</div>

Мне нужно изменить его на H4 с CSS, но не работает. это то, что я пробовал.

.centrar h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
}

но это продолжается с размером и выделено жирным шрифтом как h3. Правило не касается HTML. Я должен добиться этого только с помощью CSS.

Answer 1

Вы должны установить другой размер шрифта в этом случае.

h1, h2, h3, h4 и т. Д. По-прежнему являются обычными абзацами с определенным стилем (и другими тегами), но поведение остается тем же.

Я бы поменял h3 в этом случае. Возможно, у вас есть язык шаблонов, такой как smarty или twig, и вы можете использовать if для изменения тега или класса.

Answer 2

здесь:

 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: normal !important;
font-size: 24px !important;

Answer 3

Просто обновите ваш HTML и CSS следующим образом:

.centrar h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 17px; // change the size to whatever you want here
}

<div class="centrar">
  <h4>Lorem ipsum dolor!</h4>
</div>