我试图了解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,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 > *
表示"身体标签的任何直接孩子",例如考虑以下场景
This will be affected by body > *
This alsoThis will not be affected, because it is not a direct child
的>
means that only the following *
手段,只有下面的body
(东西),这是即时的孩子body > *
会受到影响.
所以body *
基本上意味着身体标签的每个直接孩子.>
means that only the following *
表示正文标记内的所有标记,无论级别如何.