title: How do I create a CSS class Union?
body: <p>I have a div that unions CSS classes as such:</p>
  
  <pre><code>    &lt;div id="tp" class="ui-hidden-on-load ui-tablepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"&gt;
          ...
      &lt;/div&gt;
  </code></pre>
  
  <p>How do I create a CSS style that I can combine all of these classes together into a single class with a discreet name?</p>
  
  <p>example: </p>
  
  <pre><code>&lt;div class="myCustomClass"&gt;
  ...
  &lt;div&gt;
  </code></pre>
  
  <p>Where my custom class is an intersection of all of the combined classes?  I can't seem to find an example or good explanation of how this is done.</p>
  
  <p>Thanks in advance for reading my question!</p>