Question

我试图将页脚隐藏在非主页之外。以下是我尝试过的内容， This is the website

.home #first  {
    width:950px;
    margin-top:20px ;
    border-top: 1px dotted #9bacd4;
    background:#ff0000;
}


.home #first img {
    margin:5px;
}

.home #first h3
{
   font-size:16px;
   font-weight:bold;
   margin:5px 0px 15px 15px;    
}

#first {
    display:none;
}

Answer 1

使用了两个CSS规则.home #first和#first。如果您有重叠属性，则最具体的胜利。因此，在这种情况下，将display:block添加到.home #first选择器，它将覆盖display:none，因为.home #first更具体。

Answer 2

您应首先将其设置为隐藏，然后在特定条件下显示，例如在主页上：

/* hide for all pages */
#first {
    display: none;
}

/* but display it on the homepage */
.home #first {
    display: block;
}

Answer 3

我会在主页的标记中加上一个类似于。

的类

假设您的页脚块有类似的东西，或者您可以使用CSS指定页脚仅在主页上可见。

.footer {display:none;}
.home .footer {display:block;}

应该工作！

Answer 4

使用is_home()函数参考来控制显示页脚的位置。 Read the documentation.

无法在非主页上隐藏页脚

4 个答案: