title: Applying CSS styles to all elements inside a DIV
body: <p>I would like to apply a CSS file to a concrete DIV in my page. This is the page structure:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="style.css" /&gt;
  ...
  &lt;body&gt;
     &lt;div id="pagina-page" data-role="page"&gt;
     ...
     &lt;div id="applyCSS"&gt;
        (all the elements here must follow a concrete CSS rules)
     &lt;/div&gt;
     ...
  &lt;/body&gt;
  </code></pre>
  
  <p>I tried to apply the rules of the CSS file editing it like this (the CSS file is so large):</p>
  
  <pre class="lang-css prettyprint-override"><code>#applyCSS * {     (For all the elements inside "applyCSS" DIV:)
      .ui-bar-a {
         ...
         ...
      }
      .ui-bar-a .ui-link-inherit {
         ...
      }
      ...
  }
  </code></pre>
  
  <p>But that solution doesn't work. So, how can I do that?</p>