Могу ли я объединить эти классы CSS в один класс CSS?

Question

Могу ли я изменить этот код на somethign, как показано ниже:

<style>
      .FirstLetter:first-letter{font-family: arial; font-size: 14pt; font-weight: bold;color:White; background:Blue; border:1px black solid; padding-top:8px; padding-left:8px; padding-bottom:3px;}
      .Spaced{letter-spacing: 5px;font-family: arial; font-size: 14pt; font-weight: bold;}
      </style>

<div class="FirstLetter Spaced headerFont">
Executive Summary
</div>


 <style>
 .Spaced{letter-spacing: 5px;font-family: arial; font-size: 14pt; font-weight: bold;color:White; background:Blue; border:1px black solid; padding-top:8px; padding-left:8px; padding-bottom:3px;}
 </style>
    <div class="Spaced">
    Executive Summary
    </div>

Answer 1

Да, это должно работать. Почему ты просто не попробовал это, ты боишься что-то взорвать?

Answer 2

Вы теряете псевдоэлемент для первой буквы для div («E»), но если вы не хотите применить конкретный стиль к букве, у вас будет более быстрая загрузка кода без этой строки