javascript - 知道为什么这段代码不起作用吗？正文 > *

Question

我正在使用 jqtouch 制作一个移动网站。我还在网站中实现了图库图像 slider ，但是当图库放在我需要的位置时(在 <div id="project_name" class="page"></div> 之间，图像不会显示。

修补了几个小时后，删除了 display: none;来自 jqtouch.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 > * 做了什么，我该如何克服它？

元素位于 http://djrb.co.uk/mobile/portfolio.php#home

非常感谢，

丰富

Answer 1

选择器 body > * 匹配作为 body 子元素的任何元素。右尖括号是 child selector .明星matches any element .

您可能希望为您的图库 div 添加一个更具体的选择器，并在单独的声明 block 中应用适当的样式。像这样:

#project_name {
    /* properties */
}