Comment pouvez-vous cacher la balise de titre à l'aide de CSS?
<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>
J'ai besoin de cacher le titre à l'aide de CSS.
Comment puis-je le faire...
Que je suis totalement nouveau pour CSS gentiment conseils sur la façon de le faire..
Mise à JOUR:
De l'article unique id
si nous donnons titre:invisible, il ne s'affiche pas pour tous les nœuds.
Dans mon cas, il ne devrait pas afficher uniquement des nœuds spécifiques.
Vous devez vous connecter pour publier un commentaire.
Donner
display:none;
:Alternativly utilisation
visibility:hidden;
display:none signifie que la balise en question n'apparaîtra pas sur la page du tout - rhere aura pas d'espace prévu pour elle, entre autres balises.
visibility:hidden signifie que, contrairement à display:none, la balise n'est pas visible, mais l'espace est alloué sur la page.
Pour supprimer l'élément du flux de la page:
Pour masquer l'élément, mais le garder dans le flux de la page:
Essayer
article#node-13 h2.title { display: none; }
, cela ne fera que masquer le titre de l'élément s'il est à l'intérieur de nœud 13,Démo: http://jsfiddle.net/SO_AMK/2QQDd/
Si vous voulez cacher l'intégralité de l'article, alors vous pourriez faire ceci:
article#node-13 { display: none; }
.Veuillez noter que
display: none;
supprime complètement l'élément à partir de la page de flux, ce qui signifie que l'élément ne sera pas seulement invisible, mais il va s'effondrer complètement.Si vous souhaitez simplement masquer l'élément, et pas "effondrement", alors vous devez utiliser
article#node-13 h2.title { visibility: hidden; }
. Comme vous pouvez le voir dans la démo, il faut encore de l'espace au-dessus de la deuxième lien,Démo: http://jsfiddle.net/SO_AMK/wwRsa/