Что означает "тело> *" в CSS?

Я пытаюсь понять эффекты CSS, которые реализует jQTouch. http://www.jqtouch.com/

В нем есть некоторые определения CSS, содержащие синтаксис типа "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;
}

Я искал в течение некоторого времени, но не могу найти подсказки. Может кто-нибудь объяснить это мне?

Это подразумевает анимацию?

Ответы

Ответ 1

body > * означает "любой прямой дочерний элемент тега тела", например. рассмотрим следующий сценарий

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

Ответ 2

> означает, что будет затронуто только следующее * (что-либо), которое является IMMEDIATE-потомком body.

Итак, body > * в основном означает каждый непосредственный дочерний элемент тега body. body * означает все теги внутри тега тела, независимо от уровня.

Ответ 3

Симвul > - это индикатор соответствия, а символ * указывает на соответствие.

So

body > * 

означает соответствие любому ребенку тела.

http://www.w3.org/TR/CSS2/selector.html

Ответ 4

* - это подстановочный знак и просто соответствует всем элементам, поэтому body > * будет соответствовать всем прямым дочерним элементам body.

Ответ 5

body > * означает "любой элемент, являющийся прямым дочерним элементом элемента body".

Сравните это с body *, что означает "любой элемент, являющийся потомком элемента body". Таким образом, это также будет соответствовать элементу <a> в <body><p><a>...</a></p></body>, например.

Ответ 6

'*' относится ко всем элементам, а ' > ' означает немедленные дочерние элементы, поэтому body > * означает все непосредственные дочерние элементы тела.

Возможно, это какой-то хак, который относится к определенному браузеру, хотя я не знаком с ним.