как изменить размер шрифта тега h2 в html

Question

Я использую метеор и пн go есть шаблон Я использую тег h2 для отображения заголовка. Но я хочу изменить размер шрифта этого тега h2. Я пробовал в CSS, но это не берет. если я перефразирую sh страницу, она примет предыдущие значения. Так может кто-нибудь подсказать мне, как решить эту проблему?

Answer 1

Есть несколько способов сделать это 1. Используя inline css, просто сделайте

<h2 style="font-size:40px !important;"></h2>

2. Использование внутреннего css

<style>
h2{
 font-size:40px !important;
}
</style>

Используя External css

, просто назначьте класс для вашего элемента h2 и добавьте размер к этому классу на внешнем css

<h2 class="headding"></h2>

, а затем

.headding{
   font-size:40px !important;
}

Вы можете использовать размер как ** 40px, 40%, 40vw, ** et c.

Answer 2

Сначала определите ваш CSS с тегом h2 в конце файла заголовка и добавьте такой код

!important; переопределяет все предыдущие значения вы должны написать ! важный в конце строки, чтобы переопределить предыдущее значение

<style>
h2 {
    font-size: 20px !important;
}
</style>

Answer 3

Использование большого размера - плохая практика, которую следует избегать, насколько это возможно. Вместо этого поработайте над точностью используемого селектора, как в этом небольшом примере:

<div class="my_container">
    <div class="other_class">
        <h2>
     </div>
</div>

And...
.my_container {
   .other_class {
      h2 {
        // your override 
      }
   }
}

Так что вам нужно быть более точным, чем старый селектор, чтобы заполучить его.