title: Is there a direct way to target empty grid cells (.) in a grid-template-areas?
body: <p>Let's say you have <code>grid-template-areas</code> that look like this</p>
  
  <pre><code> .grid {
     grid-template-areas: 
     ". . a a a a a . ."
     ". . b b c c c . ."
     ". . b b c c c . ."
     }
  </code></pre>
  
  <p>Is there a way to target the css for the <code>.</code> cells to make them a different background color for example?</p>