如何使用css通过href#id隐藏锚点标记

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

如果你想隐藏所有设置了href的a标签，你可以这样做：

a[href] { display: none; }

Answer 5

尝试使用a[href*="#"] {display: none;}该选择器识别锚的href属性中的#，如果找到，则应用样式

您可以以其他方式使用它，例如header a[href*="#"] {display: none;}这样你就不会把网站上的所有主播都搞砸了！

Answer 6

假设#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; }