添加锚标记类会破坏链接

Question

我正在尝试帮助朋友向this page添加一个锚标记类，以便锚链接跳转到该部分的顶部。没有课程，只有少数链接到我希望他们去的地方。

当我尝试添加我在其他几个网站上使用的锚标记类（见下文）时，链接会断开，不再跳转到页面的任何位置。

.anchor-tag {
   position: absolute!important;
   display: block!important;
   visibility: hidden!important;
   top: -30px!important;
}

我目前正在使用此链接：

    <a href="#Woodstock">Woodstock Fitness Studio"</a>

这是锚点：

    <a name="Woodstock" class="anchor-tag"></a>

该页面完全由短代码组成（不是我做的）所以我不确定这是不是为什么它不能正常工作，但我无法找到导致链接在我应用时无法工作的原因类。目前，我只将该类应用于Woodstock链接。