What does "body > *" mean in CSS?

css, css-selectors

Solution

`body > *` means "any direct child of the body tag", e.g. consider the following scenario

<body>
    <h1>This will be affected by body > *</h1>
    <div>
        This also
        <p>This will not be affected, because it is not a direct child</p>
    </div>
</body>

Problem

I am trying to understand the CSS effects that jQTouch implements. http://www.jqtouch.com/ It has some CSS definitions that contain syntax like `body > *` ``` body > * { -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 > * { min-height: 460px !important; } body.fullscreen.black-translucent > * { min-height: 480px !important; } body.landscape > * { min-height: 320px; } body > .current { display: block !important; } ``` I have searched around for some time, but can't find any hint. Could someone explain it to me? Does it imply animation?

Original source