CSS中的“body > *”是什么意思？答案

【问题标题】：What does "body > *" mean in CSS?CSS中的“body > *”是什么意思？
【发布时间】：2018-03-08 22:01:02
【问题描述】：

我正在尝试了解 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;
}

我已经搜索了一段时间，但找不到任何提示。谁能给我解释一下？

它是否暗示动画？

【问题讨论】：

承认它不应该是CW，@Tor为什么浪费？

标签： css css-selectors

【解决方案1】：

body > * 表示“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>

【讨论】：

只是一个问题，但是为什么<div> 内部仍然会受到body > * 的影响，而<p> 不会？
本例中的<div> 是<body> 的直接子代，因此受到影响，任何更深的嵌套都不会受到影响。

【解决方案2】：

> 表示只有以下*（任何东西），即body 的IMMEDIATE 子级会受到影响。

所以body > * 基本上意味着body 标签的每个直接子元素。 body * 表示body标签内的所有标签，不分级别。

【讨论】：

【解决方案3】：

> 字符是匹配指示符，* 是所指示的匹配项。

所以

body > *

表示匹配 Body 的任何子节点。

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

body > * 表示“作为body 元素的直接子元素的任何元素。”

将此与body * 进行比较，这意味着“任何作为body 元素后代的元素”。所以这也将匹配<body><p><a>...</a></p></body> 中的<a> 元素，例如。

【讨论】：

【解决方案6】：

*指的是所有元素，>表示直接子元素，所以body > *表示body的所有直接子元素。

虽然我不熟悉它，但引用特定浏览器可能是某种黑客行为。

【讨论】：