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