title: scope external CSS file for div(no CSS file should link only )
body: <p>In my page i have three CSS file</p>
  
  <pre><code>bootstrap.css
  main.css
  icon.css
  </code></pre>
  
  <p>these are the three file in my page</p>
  
  <h2>Function in my page</h2>
  
  <ul>
  <li>Am using Onload ,Onclick function </li>
  <li>when i click a link a external <code>HTML</code> file will load</li>
  <li>the external file has its own <code>CSS file</code> named <code>style.css</code>
  <h2>ERROR</h2></li>
  </ul>
  
  <p>when external file is loaded it links with <code>bootstarp.css</code> how to stop external file link with this file
  external file will load in </p>
  
  <pre><code>&lt;div class="page"&gt;
  &lt;!--/external file loading place--&gt;                
  &lt;/div&gt;
  </code></pre>
  
  <p>how do i link <code>style.css</code> to the <code>class="page"</code></p>
  
  <ul>
  <li>And no other CSS file should link inside<code>class="page"</code></li>
  </ul>