title: Is it possible to nest media queries within media queries?
body: <p>Is this possible? It seems like a neat solution to me, but I'm not sure if it will work.</p>
  
  <pre class="lang-css prettyprint-override"><code>@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 480px) {
  
      /* Code for both portrait and landscape */
  
      @media (orientation:portrait) {
  
          /* Code for just portrait */
  
      }
  
      @media (orientation:landscape) {
  
          /* Code for just landscape */
  
      }
  
  }
  </code></pre>