title: exclude element with :not in grid layout
body: <p>I have a page where I can only modify the css. I try realize a 2 column layout and to exclude one element from the grid layout. Here is an example of the html and my css:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;hr&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 1&lt;/p&gt;
      &lt;p&gt;Input 1&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 2&lt;/p&gt;
      &lt;p&gt;Input 2&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 3&lt;/p&gt;
      &lt;p&gt;Input 3&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 4&lt;/p&gt;
      &lt;p&gt;Input 4&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 5&lt;/p&gt;
      &lt;p&gt;Input 5&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 6&lt;/p&gt;
      &lt;p&gt;Input 6&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;p&gt;Variable 7&lt;/p&gt;
      &lt;p&gt;Input 7&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  .container:not(hr) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  </code></pre>
  
  <p>How can I exlude the hr element?</p>