title: adding css class to multiple elements
body: <p>I have created a CSS class called 'button' and applied it to all of my INPUT tags by simply using :</p>
  
  <pre><code>.button input
  {
  //css stuff here
  }
  
  &lt;p class="button"&gt;
  &lt;input type="submit" Name='submit' value="Confirm Selection"/&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>which works fine, but I then added another button, but this isn't part of my form, it is just a place holder which is trigerred with javascript, and opens an iFrame. As I wanted it to look the same as all the 'real' buttons I used the same class.</p>
  
  <pre><code>&lt;p class="button" id="AddCustomer"&gt;
  &lt;a href="AddCustomer.php"&gt;Add Customer&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>The Problem I had was that if I left the class as <code>.button input</code> the <code>&lt;a&gt;</code> tag didn't see it. If I removed the <code>input</code> part of the CSS all my buttons got grey squares in the middle.</p>
  
  <p>So I resolved it with <code>.button input,a</code> </p>
  
  <p>This worked fine. . . Until I looked at another page, and found all of my <code>&lt;a&gt;</code> tags were now formatted with the 'button' class, even though they don't have this class applied.</p>
  
  <p>My question then is how can I apply the same CSS class to <code>&lt;input&gt;</code> and <code>&lt;a&gt;</code> tags at the same time, but only if I have explicitly added <code>class="button"</code>.</p>