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是父项的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; }

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

6 个答案: