Home/ Questions/Q 580697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T14:30:00+00:00

I am trying to understand the CSS effects that jQTouch implements. http://www.jqtouch.com/ It has

  • 0

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?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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>
    • 0