<h1></h1>
<div class="h1"><h1></h1></div>
<div class="h2"><h1></h1></div>

h1 {
  /* правила для всех h1 */
}

.h1 h1 {
  /* правила для h1, которые находятся в классе .h1 */
}

.h2 h1 {
  /* правила для h1, которые находятся в классе .h2 */
}

<div class="l"></div>

<div class="red"></div>

<h1>Обычный размер для h1</h1>
<div class="big"><h1>Увеличенный размер</h1></div>
<div class="small"><h1>Уменьшенный размер</h1></div>

h1 {
  font-size:25px;
}

.big h1 {
  font-size:30px;
}

.small h1 {
  font-size:20px;
}

h1, h2, h3, h4, h5, h6, ul, li, textarea, table{
    font: 12px "Open sans", Arial, Tahoma, Sans-serif;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    list-style: none;
    padding: 0;
    margin: 0;
}

.short h1{
    font-size: 15px;
      height: 39px;
    line-height: 39px;
    padding: 0 10px;
    color: #313746;
}

.news h1{
    font-size: 15px;
      background: #313746;
    height: 40px;
    padding: 0 10px;
    color: #ffffff;
    line-height: 40px;
    font-style: normal;
}

.game h1{
    font-size: 15px;
    width: 630px;
    height: 21px;
    line-height: 21px;
    color: #797c85;
}

.short h2{
    font-size: 15px;
    line-height: 40px;
}

.last h2{
    display: block;
      font-size: 16px;
    height: 20px;
}

.last a{
    color: #434854;
}

.last a:hover{
    cursor: pointer;
    text-decoration: underline;
}

.context h2 {
    display: inline-block;
    position: relative;
    background: #313746;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    line-height: 33px;
    height: 33px;
    right: 10px;
}
    
.context h3 {
    display: inline-block;
    position: relative;
    background: #313746;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
}
        
.context h3::after {
    content: '';
    position: absolute;
    left: 20px; bottom: -14px;
    border: 7px solid transparent;
    border-top: 7px solid rgb(49, 55, 70);
}

<div class="context"><h2>Заголовок</h2></div>