title: Styling image in CSS doesn't work
body: <p>Can someone please tell me what i'm doing wrong here, the css works when i replace the <code>.1{}</code> with <code>img{}</code>. Shouldn't I also be able to use <code>img.1{}</code> or <code>.1 img{}</code></p>
  
  <p>Here's the <strong>UPDATED</strong> HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Test Webpage&lt;/title&gt;
  &lt;link rel="stylesheet" href="style.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="clouds"&gt;
  &lt;img id="cheese" src="cloud.png"&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;  
  </code></pre>
  
  <p>And the <strong>UPDATED</strong> CSS</p>
  
  <pre><code>  body{
      margin:0;
      padding:0;
      background:#0088ff;
      font-family:helvetica;
  }
  #clouds{
      overflow:hidden;
      width:100vw;
      height:100vh;
  }
  #cheese img{
      display:none;
  }
  </code></pre>