title: what does this .container > * {} mean in css?
body: <p>anyone can explain it for me , i am studing css layout. But to this code below , i stuck</p>
  
  <pre><code>.container &gt; * {
    padding: 10px;
    flex: 3 100% ;
  }
  </code></pre>
  
  <p>can you explain the "greater than sign &amp; asterisk" in this case?. 
  This is a original code here: </p>
  
  <p><a href="https://codepen.io/cubigamer/pen/OgWqpB?editors=1100" rel="nofollow noreferrer">https://codepen.io/cubigamer/pen/OgWqpB?editors=1100</a></p>