Question

我试图理解jQTouch实现的CSS效果。 http://www.jqtouch.com/

它有一些包含body > *

等语法的CSS定义

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

我已经搜索了一段时间，但找不到任何提示。有人可以向我解释一下吗？

这是否意味着动画？

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

Answer 2

>表示只有以下*（任何内容），body的 IMMEDIATE 子项将受到影响。

所以body > *基本上意味着身体标签的每个直接孩子。 body *表示正文标记内的所有标记，无论级别如何。

Answer 3

＆gt; character是匹配指示符，*是指示的匹配。

所以

body > *

表示匹配Body的任何孩子。

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

Answer 4

*是一个通配符选择器，只是匹配所有元素，因此body > *将匹配body元素的所有直接子元素。

Answer 5

body > *表示“body元素的直接子元素。”

将此与body *进行比较，这意味着“任何元素都是body元素的后代”。因此，这也会匹配<a>中的<body><p><a>...</a></p></body>元素。

Answer 6

*表示所有元素，>表示直接子元素，因此body > *表示正文的所有直接子元素。

虽然我不熟悉它，但它可能是某种特定的浏览器，但我并不熟悉它。

CSS中的“body＆gt; *”是什么意思？

6 个答案: