title: Change another div background when hover over another div
body: <p>Trying to change a div background color when hover over another div. But I can't get it to worked. Been seing aroud her now, but can't find a similair question.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      #main {
          width: 960px;
          height: 600px;
          margin: auto;
          position: relative;
          background: red;
      }
  
      #trykk {
          width: 100px;
          height: 100px;
          background-color: yellow;
      }
  
      #trykk:hover #main {
          background-color: green;
      }
  &lt;/style&gt;
  
  &lt;div id="main"&gt;
      &lt;div id="trykk"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thats the code I've been using. The only problem is that I'm not allowed to use javascript. So is there any way I can change background color on div #main when I hover over div #trykk?</p>