我想了解jQTouch实现的CSS效果.
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) 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;
}
我已经搜索了一段时间,但找不到任何提示.有人可以向我解释吗？
这是否意味着动画？
解决方法
身体> *表示“身体标签的任何直接儿童”,例如考虑以下情况
<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>
