我有不同的锚标签，href = #ids，我需要使用一般css规则隐藏它们，
Content xxxxxxxxx <a href="#tab1">Table 1</a>.Content xxxxxxxxxxxx <a href="#tab2">Table 2</a>
我试图使用这样的东西：
#wrap a='#tab1'{
display:none;
}
知道该怎么做吗？
答案 0 :(得分：15)
尝试使用属性选择器：
a[href='#tab1']{ display: none }
甚至只是
[href='#tab1']{ display: none }
答案 1 :(得分：11)
为什么不直接为锚点创建一个CSS类并使用该类隐藏它们？
<a href="#tab1" class="hiddenTab">foo</a>
在你的CSS中：
a.hiddenTab {visibility:hidden; display:none;}
您要隐藏的所有锚点只会使用“class ='hiddenTab'”
答案 2 :(得分：3)
#wrap a[href="#tab1"]{
display:none;
}
答案 3 :(得分：2)
尝试使用a[href*="#"] {display: none;}
此选择器标识锚点的href属性中的＃，如果找到则应用样式
你可以用其他方式使用它
header a[href*="#"] {display: none;}所以你不要弄乱网站上的所有锚点！
答案 4 :(得分：1)
如果要隐藏所有设置了href的标签，可以执行以下操作：
a[href] { display: none; }
答案 5 :(得分：0)
假设#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; }