Ho diversi tag di ancoraggio con href = # ids e ho bisogno di nasconderli utilizzando una regola CSS generale, per tutti loro,Come nascondere un tag di ancoraggio da #id href usando css
Content xxxxxxxxx <a href="#tab1">Table 1</a>.Content xxxxxxxxxxxx <a href="#tab2">Table 2</a>
ero cercando di utilizzare qualcosa del genere:
#wrap a='#tab1'{
display:none;
}
Qualche idea su come farlo?
Provare utilizzando selettori di attributo:
a[href='#tab1']{ display: none }
o anche semplicemente
[href='#tab1']{ display: none }
Supponendo #wrap è un id di un genitore, è possibile utilizzare:
/* 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; }
Perché non creare una classe CSS per le ancore e nasconderle usando quella classe?
<a href="#tab1" class="hiddenTab">foo</a>
E nel CSS:
a.hiddenTab {visibility:hidden; display:none;}
Tutte le ancore che ci si vuole nascondere sarebbe solo usare "class = 'hiddenTab'"
Risposta corretta :) .. – Hitesh
Se si desidera nascondere tutti un tag che hanno insieme href, si può fare questo:
a[href] { display: none; }
Provare a utilizzare a[href*="#"] {display: none;} questo selettori identifica un # nell'attributo href di un'ancora e se l'ho trovato applica lo stile
Si può usare in un altro modo, come header a[href*="#"] {display: none;} in modo da non rovinare tutte le ancore sul sito!
Ma se l'ancora ha 'display: none' non è più attivo (significa che, facendo clic su un collegamento a questo ancoraggio, ad esempio, non scorrerà verso il basso). E con 'visibility: hidden' l'ancora usa ancora lo stesso spazio. Qualche soluzione a questo? – roesslerj
Non capisco il commento: perché vuoi che un utente sia in grado di fare clic su un link che è nascosto? – graphicdivine
Il collegamento stesso non è nascosto, solo l'ancora a cui si riferisce. Il problema era che (nel sistema che generava l'HTML) non avevo accesso al testo originale che volevo scorrere e non volevo aggiungere del testo aggiuntivo solo per poter posizionare un'ancora. – roesslerj