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

如果我们给出标题：隐藏它将不会显示所有节点。

就我而言，它不应只显示特定节点。

Answer 1

给它display:none;：

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

另外使用visibility:hidden;

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

display：none 表示相关标签根本不会出现在页面上 - 其他标签之间不会为其分配空间。

可见性：隐藏意味着与 display：none 不同，标记不可见，但在页面上为其分配了空间。

Answer 2

要从页面流中删除元素：

display:none;

隐藏元素但将其保留在页面流中：

visibility:hidden;

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/

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

3 个答案: