如何使用CSS隐藏标题标签？

Question

<article id="node-13" class="node node-article node-promoted node-teaser contextual-links-region clearfix" about="/fos/node/13" typeof="sioc:Item foaf:Document">

<header>

<h2 class="title" property="dc:title" datatype="">

 <a href="/fos/node/13">TITLE GOES HERE.....</a>

</h2>

</header>

</article>

我需要使用CSS隐藏标题。

我该怎么做...

由于我对CSS完全不熟悉，请建议如何操作。

更新：

对于唯一的文章ID，

如果我们使用title:hidden，它将不会在所有节点上显示。

在我的情况下，它只应该不显示特定节点。

- Fero

Answer 1

给它加上display:none;:

article#node-13 h2.title { display: none; }

或者使用 visibility:hidden;

。

article#node-13 h2.title { visibility:hidden;}

display:none 的意思是，标签将完全不会在页面上出现——在其他标签之间不会为其分配空间。

visibility:hidden 的意思是，与display:none不同，该标签不可见，但页面为其分配了空间。

- dsgriffin

Answer 2

要将元素从页面流中移除：

display:none;

为了隐藏元素但使其在页面流中保留：

visibility:hidden;

- George

Answer 3

尝试使用article#node-13 h2.title { display: none; }，这将只在标题元素位于节点13内时隐藏标题元素。

演示：http://jsfiddle.net/SO_AMK/2QQDd/ 如果您想隐藏整篇文章，则可以使用article#node-13 { display: none; }。

请注意，display: none;会完全从页面流中移除该元素，这意味着该元素不仅不可见，而且会完全折叠。

如果您想仅隐藏元素而不是“折叠”它，则应使用article#node-13 h2.title { visibility: hidden; }。正如您在演示中所看到的，它仍然占据第二个链接上方的空间。

演示：http://jsfiddle.net/SO_AMK/wwRsa/

- A.M.K