title: Apply CSS to certain part of website
body: <p>I'm building a WISYWIG in which I have an iframe that needs to have content.css applied to it. </p>
  
  <p>content.css: (will be applied to the iframe (src: ./content/home.php))</p>
  
  <pre><code>#content h4
  {
      font-size:30px;
  color:brown;
  text-shadow: 1px 1px #000000;
  text-align:center;
  }
  </code></pre>
  
  <p>editpage.php: // wisywig</p>
  
  <pre><code>&lt;iframe id="content" src="./content/home.php"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>home.php contains content that needs to be shown on the homepage of my website. As you can imagine the #content in front of my h4 is used to apply this same css to a div inside my website. However, when I apply this same css to my iframe this css wont find a #content inside the iframe. Hence my previous question.</p>
  
  <p>How can I apply this CSS to both a <code>&lt;div id="content"&gt;</code> and an iframe?</p>