So blenden Sie ein anchor-tag mit href #id mit css

Habe ich verschiedene anchor-tags mit href= " #ids und ich mich verstecken muss Sie mit einer Allgemeinen css Regel für alle von Ihnen, 

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

Ich war versucht, so etwas wie dieses:

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

Irgendeine Idee, wie es zu tun?

InformationsquelleAutor Jces | 2012-02-06
  1. 15

    Versuchen mit Attribut-Selektoren:

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

    Oder auch einfach

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

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

    • Aber wenn der Anker hat display: none er nicht mehr aktiv ist (d.h., beim klicken auf einen link zu diesem Anker nicht z.B. nach unten scrollen). Und mit visibility: hidden den Anker verwendet immer noch den gleichen Platz. Eine Lösung für dieses?
    • Ich verstehe nicht den Kommentar: warum Sie möchten, dass ein Benutzer in der Lage sein, auf einen link zu klicken, die ausgeblendet ist?
    • Der link selbst ist nicht verborgen, nur der Anker, der auf die es sich bezieht. Das problem war, dass (im system der Generierung der HTML -) ich hatte keinen Zugang zu den original-text, den ich scrollen wollte und ich nicht wollen, fügen Sie einige zusätzliche text genau platzieren zu können, ein Anker.
    • Ah. Ich sehe. Sie könnten versuchen: position:absolute; visibility: hidden
    InformationsquelleAutor graphicdivine
  2. 11

    Warum nicht erstellen Sie einfach eine CSS-Klasse für den Anker, und blenden Sie Sie mithilfe dieser Klasse?

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

    - Und in deiner CSS:

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

    Alle Anker, die Sie wollen, um zu verbergen, würde halt "class='hiddenTab'"

    • Richtige Antwort 🙂 ..
    InformationsquelleAutor Tim
  3. 3
    #wrap a[href="#tab1"]{
display:none;
}
    • Danke @frazras Sie, mein Leben zu retten
    InformationsquelleAutor frazras
  4. 2

    Versuchen Sie es mit a[href*="#"] {display: none;}
    Diese Selektoren identifiziert ein # in der href - Attribut des Ankers und wenn gefunden, es gilt der Stil

    Können Sie es in einer anderen Art und Weise, wie
    header a[href*="#"] {display: none;} Damit Sie nicht Durcheinander alle die Anker auf der Seite!

    InformationsquelleAutor Junaid Anwar
  5. 1

    Wenn Sie ausblenden möchten alle a-tags, die "href" gesetzt ist, können Sie dies tun:

    a[href] { display: none; }
    InformationsquelleAutor Ninja
  6. 0

    Vorausgesetzt #wrap ist eine id, die von einem Elternteil, die Sie verwenden können:

    /* 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; }
    InformationsquelleAutor Sagar Patil
Schreibe einen Kommentar