有什么想法為什么該代碼無法正常工作？ 身體> *

Question

我正在使用jqtouch制作移動網站。 我還在網站中實現了畫廊圖像滑塊，但是當畫廊放在我需要的位置時（在<div id="project_name" class="page"></div> ，圖像將不會顯示。

修補了幾個小時后，移除顯示內容：無； 來自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;
}

使畫廊正常工作，但顯然意味着網站無法正常工作。 有什么想法為什么會發生這種情況，什么機構> *以及如何克服它？

該項目位於http://djrb.co.uk/mobile/portfolio.php#home

非常感謝，

豐富

Answer 1

選擇器body > *匹配任何body子元素。 直角括號是子選擇器 。 星星與任何元素匹配 。

您可能希望為圖庫div包括一個更特定的選擇器，並在單獨的聲明塊中應用適當的樣式。 像這樣：

#project_name {
    /* properties */
}