title: How classes work in a CSS file?
body: <p>I'm trying to figure out exactly how classes working in a CSS files.  Here are 3 example classes:</p>
  
  <pre><code>container
  inner_content
  text_section
  </code></pre>
  
  <p>Here are three ways I've seen those listed in the CSS:</p>
  
  <p><code>.container.inner_content.text_section {</code>  - This one has no spaces between the classes.</p>
  
  <p><code>.container .inner_content .text_section {</code>  - This one has spaces between the classses.</p>
  
  <p><code>.container li.inner_content</code>  - This one has <code>li</code> thrown into the middle of it.</p>
  
  <p>What I'm trying to find out is what's the difference between having spaces or not having spaces between the classes.  Also, when stuff like <code>li</code> or <code>div</code> is in the middle of the classes, is it telling the browser to only use that class if it's for an <code>li</code> or <code>div</code> but not for anything else?</p>