title: Apply css to button element with certain class
body: <p>bluebutton.css</p>
  
  <pre><code>.btnBlue button{
  Styles go here
  }
  
  .btnBlue button::-moz-focus-inner{
  Styles go here
  }
  
  .btnBlue button:hover,button:focus{
  styles go here
  }
  
  .btnBlue button:active{
  Styles go here
  }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Css buttons&lt;/title&gt;
  &lt;link type='text/css' href='css/bluebutton.css' rel='stylesheet' media='screen' /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;button type="submit" class="btnBlue"&gt;Okay&lt;/button&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This does not seem to work. I know it works if i try to do it without the .btnBlue but i want to create different button styles. So like i can define for each button what style to use.</p>