如何隐藏<h1>标题?</h1>

时间:2014-07-27 00:14:14

标签: html hide

我相信这是我想在前面的静态页面上隐藏的代码。有没有我可以用来隐藏这个的CSS代码?我可以从页面中删除“标题”,然后摆脱它,然后链接从Nave菜单中消失。

<h1 class='page-title entry-title'>The Forum</h1>

2 个答案:

答案 0 :(得分:1)

使用CSS的display

<h1 style='display: none;' class='page-title entry-title'>The Forum</h1>

使用hidden作为属性创建一个类display: none;会很好(需要您编辑CSS而不是HTML)。

顺便说一下,即使我们都很高兴欢迎新人,Stack网站也有一些关于问题的规则。其中之一就是你的问题必须表现出最小的努力来试图解决你自己的问题。一个简单的谷歌搜索可以为您解决这个问题。

编辑:如果您无法编辑HTML / CSS代码,请注入Javascript。

var all = document.getElementsByTagName("h1");

// Hide all H1s:
for(var i = 0, max = all.length; i < max; i++) 
    all[i].style.display = "none";

/*
 * Hide first H1:
 * Change the index to manipulate the 1st, 2nd, ... nth element.
 */
all[0].style.display = "none"; 

如果您无法识别h1,则无法操纵它。

编辑2:新版本的CSS将允许您在页面上designate the first h1

h1:first-of-type{ display: none; }

答案 1 :(得分:0)

如果您无法修改<h1>,请执行以下操作:

header>nav>ul>li>h1 {
 display: none;
}

请确保包含正确的路径,这只是演示。