1

我试图隐藏非主页的页脚。以下是我尝试过的，这是网站

.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;
}
4

4 回答 4

5

你的 CSS 规则.home #first和#first都被使用了。如果您有重叠的属性，则最具体的获胜。所以在这种情况下添加display:block到.home #first选择器，它会覆盖display:none，.home #first更具体。

于 2013-05-03T19:16:42.907 回答
2

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

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

/* but display it on the homepage */
.home #first {
    display: block;
}
于 2013-05-03T19:15:50.307 回答
0

我会在您主页的标签中放置一个类，上面写着类似 .

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

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

应该管用！

于 2013-05-03T19:19:41.300 回答
0

使用is_home()函数引用来控制显示页脚的位置。 阅读文档。

于 2013-05-03T19:20:17.433 回答