it-swarm.com.de

So verbergen Sie ein Ankertag mit href #id mithilfe von CSS

Ich habe verschiedene Ankertags mit href = # ids und ich muss sie mit einer allgemeinen CSS-Regel für alle verstecken.

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

Ich habe versucht, so etwas zu benutzen:

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

Irgendeine Idee, wie es geht?

9
Jces

Versuchen Sie es mit Attribut-Selektoren:

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

Oder auch einfach

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

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

15
graphicdivine

Warum erstellen Sie nicht einfach eine CSS-Klasse für Ihre Anker und blenden sie mit dieser Klasse aus?

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

Und in deinem CSS:

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

Alle Anker, die Sie ausblenden möchten, verwenden einfach "class = 'hiddenTab'".

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

Versuchen Sie es mit a[href*="#"] {display: none;} Diese Auswahl identifiziert ein # im Attribut href eines Ankers und wenn es gefunden wird, wendet es den Stil an

Sie können es auf eine andere Art und Weise verwenden, wie zum Beispiel header a[href*="#"] {display: none;}. Damit Sie nicht alle Anker auf der Site durcheinander bringen!

2
Junaid Anwar

Wenn Sie alle Tags ausblenden möchten, für die href festgelegt ist, können Sie dies tun:

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

Angenommen, #wrap ist die ID eines übergeordneten Elements, können Sie Folgendes verwenden:

/* 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