title: CSS syntax: ".one.column" ".two.column", am I reading this right?
body: <p>I just found out about the Skeleton boilerplate, which uses grids. This is the css on github: <a href="https://github.com/dhgamache/Skeleton/blob/master/stylesheets/skeleton.css" rel="nofollow">https://github.com/dhgamache/Skeleton/blob/master/stylesheets/skeleton.css</a></p>
  
  <p>The different column classes are layed out <code>.one.columns</code>, <code>.two.columns</code>, etc.</p>
  
  <p>I've not seen this syntax in CSS before. </p>
  
  <p>Am I right to assume that <code>.one.columns {}</code> is different from <code>.one, .columns {}</code> in that the former affects only elements with <code>class="one columns"</code> while the latter affects both elements with <code>class="one"</code> and <code>class="columns"</code>?</p>
  
  <p>That is:</p>
  
  <pre><code>.one.columns = .one AND .columns
  .one, .columns =  .one OR .columns
  </code></pre>