Что означает "тело> *" в 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 > * означает все непосредственные дочерние элементы тела.
Возможно, это какой-то хак, который относится к определенному браузеру, хотя я не знаком с ним.