title: Whats wrong with my CSS Selector?
body: <p>I have a div inside a div. The <code>.wrapper</code> is parent of <code>.level</code>.</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
    &lt;div class="level"&gt;
      Engkus Kusnadi
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When i gave style to the <code>.level</code> with <code>.wrapper</code> include as selector, its working fine and the background changed to green.</p>
  
  <pre><code>.wrapper .level {
    background:green;
  }
  </code></pre>
  
  <p>But the problem found, when I'm add a style the only <code>.level</code> selector background to red, its nothing happen. </p>
  
  <pre><code>.wrapper .level {
    background:green;
  }
  
  .level {
    background:red;
  }
  </code></pre>
  
  <p>Here's my fiddle <a href="https://jsfiddle.net/vcb4eqy4/" rel="nofollow">https://jsfiddle.net/vcb4eqy4/</a></p>
  
  <p>What I'm wrong? Is there higher level on CSS Selector?</p>