2 
<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 它不会对所有节点显示。

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

4

3 回答 3

3

给它display:none;：

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

交替使用visibility:hidden;

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

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

visibility:hidden意味着与display:none不同，标签不可见，但在页面上为其分配了空间。

于 2012-11-29T12:52:25.923 回答
3

要从页面流中删除元素：

display:none;

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

visibility:hidden;
于 2012-11-29T12:52:27.427 回答
2

试试看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/

于 2012-11-29T12:56:35.887 回答