apply 1 css class which applies more than 1 class to an element : <p>Lets say I use multiple bootstrap classes to achieve my desired button effect.</p>

<pre><code>styleClass="btn btn-lg btn-block btn-success my_wrap"
</code></pre>

<p>Can I do something like this with css that allows me to have a single style defined in my html but in my css defining multiple bootstrap classes, utilising bootstrap and custom styling, to effectively wrapper them into a single super class?</p>

<pre><code>styleClass="my-button-ultimate"
</code></pre>

<p>e.g. maybe css like this (my_wrap is my custom class the others are std bootstrap):</p>

<pre><code>.my-button-ultimate{
    .btn, .btn-lg, .btn-block, .btn-success, .my_wrap

}
.my_wrap{
    white-space: normal;
}
</code></pre>

<p>I could possibly do this:</p>

<pre><code>&lt;style&gt;
  .my-button-ultimate{
    width:100%;
    height:60px;
    white-space: normal;
  }
&lt;/style&gt;
...
...
&lt;div styleClass="btn my-button-ultimate"&gt;My Button&lt;/div&gt;
</code></pre>

<p>But it does not take full advantage of bootstrap, and still does not give me a single class in my element.</p>

<p>I checked out this answer without success. LESS seems like what I want but I do not know how to implement it just yet, and I want to find out if there is a simple answer to combine classes into 1.
<a href="https://stackoverflow.com/q/1065435/7012749">Can a CSS class inherit one or more other classes?</a></p>
