title: css selectors: difference between "body h1", "body .h1" and "body.h1"
body: <p>I am trying to understand to what elements this css rule would be applied:</p>
  
  <pre><code>body h1, body .h1 {
      font-family: 'Open Sans', sans-serif !important;
      color: inherit;
      text-rendering: optimizelegibility;
  }
  </code></pre>
  
  <p>I understand <code>body.h1</code> but not <code>body h1</code> nor <code>body .h1</code></p>