我可以将这些css类合并到一个css类中吗？

Question

我可以将此代码更改为类似下面的代码吗？

<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”），但除非你想在字母上应用特定的样式，否则你应该有更快的加载代码而不用那行