Href =#idsの異なるアンカータグがあり、それらすべてに一般的なcssルールを使用して非表示にする必要があります。
Content xxxxxxxxx <a href="#tab1">Table 1</a>.Content xxxxxxxxxxxx <a href="#tab2">Table 2</a>
私はこのようなものを使おうとしていました:
#wrap a='#tab1'{
display:none;
}
それを行う方法はありますか?
属性セレクターを使用してみてください。
a[href='#tab1']{ display: none }
または単に
[href='#tab1']{ display: none }
アンカーのCSSクラスを作成し、そのクラスを使用して非表示にしないのはなぜですか?
<a href="#tab1" class="hiddenTab">foo</a>
そしてあなたのCSSで:
a.hiddenTab {visibility:hidden; display:none;}
非表示にしたいすべてのアンカーは、「class = 'hiddenTab'」を使用するだけです。
#wrap a[href="#tab1"]{
display:none;
}
a[href*="#"] {display: none;}
を使用してみてくださいこのセレクターは、アンカーのhref
属性の#を識別し、見つかった場合はスタイルを適用します
header a[href*="#"] {display: none;}
などの別の方法で使用できるため、サイト上のすべてのアンカーを台無しにする必要はありません。
Hrefが設定されているすべてのタグを非表示にする場合は、次のようにします。
a[href] { display: none; }
#wrap
は親のIDであり、次を使用できます。
/* 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; }