title: CSS - Alter one attribute, keep all others
body: <p>We have a style defined in our CSS with several attributes.</p>
  
  <p>Now we have to define a new style, with the same attributes, the only difference is font-size: instead of 20px it should be 16px.</p>
  
  <p>1) Should we define a new style in the CSS? Is there a way to inherit everything else?
  2) Or, do we override "font-size" directly in HTML/JSP. This can work but is not very elegant.</p>
  
  <pre><code>.loading-text {
      font-family: "Trebuchet MS";
      font-size: 20px;
      font-style: bold;
      color: #196198;
      max-width: 450px;
  }
  
  .loading-text-smaller {
      font-size: 16px;
  }
  </code></pre>