web-dev-qa-db-fra.com

Comment masquer une balise anchor avec href #id using css

J'ai différentes balises d'ancrage avec href = # ids et j'ai besoin de les cacher en utilisant une règle générale de CSS pour chacune d'elles, 

Content xxxxxxxxx <a href="#tab1">Table 1</a>.Content xxxxxxxxxxxx <a href="#tab2">Table 2</a>

J'essayais d'utiliser quelque chose comme ça:

#wrap a='#tab1'{
display:none;
}

Une idée comment le faire?

htmlcsshideanchorhref
9
Jces

Essayez d’utiliser des sélecteurs d’attributs:

a[href='#tab1']{ display: none }

Ou même simplement

[href='#tab1']{ display: none }

http://www.w3.org/TR/CSS2/selector.html

15
graphicdivine

Pourquoi ne pas simplement créer une classe CSS pour vos ancres et les cacher en utilisant cette classe?

<a href="#tab1" class="hiddenTab">foo</a>

Et dans votre CSS:

a.hiddenTab {visibility:hidden; display:none;}

Toutes les ancres que vous souhaitez masquer utiliseraient simplement "class = 'hiddenTab'"

11
Tim
#wrap a[href="#tab1"]{
display:none;
}
3
frazras

Essayez d’utiliser a[href*="#"] {display: none;} Ce sélecteur identifie un # dans l’attribut href d’une ancre et, le cas échéant, applique le style.

Vous pouvez l'utiliser d'une autre manière, telle que header a[href*="#"] {display: none;} Pour ne pas gâcher toutes les ancres du site!

2
Junaid Anwar

Si vous voulez masquer tous les tags qui ont href, vous pouvez faire ceci:

a[href] { display: none; }
1
Ninja

En supposant que #wrap est l’id d’un parent, vous pouvez utiliser:

/* Hide all anchor tags which are children of #wrap */
#wrap a{ display:none; }

/* Hide all anchor tags which are direct children of #wrap */
#wrap > a{ display:none; }

/* Hide a specific anchor tag (Probably won't work in IE6 though) */
a[href="#tab1"]{ display:none; }
0
Sagar Patil