title: CSS subchild selector
body: <p>Both of the following codes seem to work properly to style the <code>span</code> element:</p>
  
  <pre><code>&lt;style&gt;
      div p span {
          font: 18px arial;
          color: red;
      }
  &lt;/style&gt;
  &lt;div&gt;
      &lt;p&gt;
          &lt;span&gt;
              Hello, world!
          &lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br></p>
  
  <pre><code>&lt;style&gt;
      div span {
          font: 18px arial;
          color: red;
      }
  &lt;/style&gt;
  &lt;div&gt;
      &lt;p&gt;
          &lt;span&gt;
              Hello, world!
          &lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br>
  But I'm not sure if the second one is the right coding and if there's a difference between them, for example regarding browser support. </p>