Как скрыть тег привязки с помощью href #id с помощью css

Question

У меня есть разные теги привязки с href = # ids, и мне нужно скрыть их, используя общее правило css для всех них,

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

Я пытался использовать что-то вроде этого:

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

Есть идеи, как это сделать?

Answer 1

Попробуйте использовать атрибуты селекторов:

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

Или даже просто

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

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

Answer 2

Почему бы просто не создать класс CSS для ваших якорей и скрыть их с помощью этого класса?

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

И в вашем CSS:

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

Все якоря, которые вы хотите скрыть, будут использовать "class = 'hiddenTab'"

Answer 3

#wrap a[href="#tab1"]{
display:none;
}

Answer 4

Попробуйте использовать a[href*="#"] {display: none;} Этот селектор идентифицирует # в атрибуте href якоря, и если он найден, он применяет стиль

. Вы можете использовать его другим способом, таким как header a[href*="#"] {display: none;}.не связывайтесь со всеми якорями на сайте!

Answer 5

Если вы хотите скрыть все теги, для которых установлен href, вы можете сделать это:

a[href] { display: none; }

Answer 6

Предполагая, что #wrap - это идентификатор родителя, вы можете использовать:

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