title: Hiding span under div in CSS
body: <p>Below is the code for my WP post. I'm trying to hide the span for comment. So that it doesn't appear on the blog post.</p>
  
  <pre><code>&lt;div class="blog-stats"&gt;
      &lt;span class="clock"&gt;
          &lt;i class="fa fa-calendar stats-item"&gt;&lt;/i&gt;
          &lt;span class="text-center text-light stats-item"&gt;February 15, 2020&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="comment"&gt;
          &lt;i class="fa fa-comment stats-item"&gt;&lt;/i&gt;
          &lt;span class="text-center text-light stats-item"&gt;no comments&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="user"&gt;
          &lt;i class="fa fa-user stats-item"&gt;&lt;/i&gt;
          &lt;span class="text-content text-light stats-item"&gt;Wayne John&lt;/span&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried a few below and it didn't work.</p>
  
  <pre><code>.blog-stats.comment {
      display: none;
  }
  
  span .comment {
      display: none;
  }
  
  span.comment {
      display: none;
  }
  </code></pre>
  
  <p>Any idea how to fix it?</p>