什么是;车身>*&引用;在CSS中是什么意思?

什么是;车身>*&引用;在CSS中是什么意思?,css,css-selectors,Css,Css Selectors,我试图理解jQTouch实现的CSS效果 它有一些包含语法的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)

我试图理解jQTouch实现的CSS效果

它有一些包含语法的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>*
基本上是指body标签的每个直接子项
body*
表示body标记内的所有标记,无论级别如何。

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


将其与
body*
进行比较,后者表示“作为
body
元素的后代的任何元素”。因此,这也将与
中的
元素相匹配。

*
指所有元素,
表示直接子元素,所以
body>*
表示body的所有直接子元素


一个特定的浏览器可能是一种黑客攻击,虽然我不熟悉它。

<代码>主体> */Cuth>意思是“体标签的任何直接子”,例如考虑下面的场景

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

这将受到body>*
这也
这不会受到影响,因为它不是直接的子对象


字符是匹配指示器,而*是所指示的匹配

所以

意思是匹配身体的任何一个孩子


虽然它不应该是CW,但为什么会被浪费?这只是一个问题,但是为什么
内部仍然会受到
主体>*
的影响,而
不会影响?本例中的
的直接子对象,因此受影响,任何更深层次的嵌套都不会受到影响。
body > *