如何使用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 }

但是，如果锚点具有“显示：无”，则它不再处于活动状态（也就是说，单击指向该锚点的链接将不会例如向下滚动）。并且在“可见性：隐藏”的情况下，锚点仍使用相同的空间。有什么解决办法吗？ (3认同)
啊。我知道了。你可以试试：`position:absolute; 可见性：隐藏` (3认同)

Answer 2

为什么不直接为锚点创建一个CSS类并使用该类隐藏它们？

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

在你的CSS中:

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

你想要隐藏的所有锚点只会使用"class ='hiddenTab'"