web-dev-qa-db-ja.com

cssを使用してhref#idでアンカータグを非表示にする方法

Href =#idsの異なるアンカータグがあり、それらすべてに一般的なcssルールを使用して非表示にする必要があります。

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

私はこのようなものを使おうとしていました:

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

それを行う方法はありますか?

9
Jces

属性セレクターを使用してみてください。

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

または単に

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

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

15
graphicdivine

アンカーのCSSクラスを作成し、そのクラスを使用して非表示にしないのはなぜですか?

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

そしてあなたのCSSで:

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

非表示にしたいすべてのアンカーは、「class = 'hiddenTab'」を使用するだけです。

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

a[href*="#"] {display: none;}を使用してみてくださいこのセレクターは、アンカーのhref属性の#を識別し、見つかった場合はスタイルを適用します

header a[href*="#"] {display: none;}などの別の方法で使用できるため、サイト上のすべてのアンカーを台無しにする必要はありません。

2
Junaid Anwar

Hrefが設定されているすべてのタグを非表示にする場合は、次のようにします。

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

#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; }
0
Sagar Patil