有什么想法为什么这段代码不起作用？身体＆gt; *

Question

我正在使用jqtouch制作移动网站。我还在网站中实现了一个图库图片滑块，但是当图库放在我需要的位置时（在<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;
}

使图库工作，但显然意味着网站不起作用。任何想法为什么会这样，身体＆gt; *我和我如何克服它？

项目位于http://djrb.co.uk/mobile/portfolio.php#home

非常感谢，

富

Answer 1

选择器body > *匹配body的子元素。直角括号是child selector。明星matches any element。

您可能希望为图库div添加更具体的选择器，并在单独的声明块中应用相应的样式。像这样：

#project_name {
    /* properties */
}