title: What does "body > *" mean in CSS?
body: <p>I am trying to understand the CSS effects that jQTouch implements. <a href="http://www.jqtouch.com/" rel="noreferrer">http://www.jqtouch.com/</a></p>
  
  <p>It has some CSS definitions that contain syntax like <code>body &gt; *</code></p>
  
  <pre><code>body &gt; * {
      -webkit-backface-visibility: hidden;
      -webkit-box-sizing: border-box;
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      -webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
      min-height: 420px !important;
  }
  body.fullscreen &gt; * {
      min-height: 460px !important;
  }
  body.fullscreen.black-translucent &gt; * {
      min-height: 480px !important;
  }
  body.landscape &gt; * {
      min-height: 320px;
  }
  body &gt; .current {
      display: block !important;
  }
  </code></pre>
  
  <p>I have searched around for some time, but can't find any hint. Could someone explain it to me?</p>
  
  <p>Does it imply animation? </p>