通过我们导航的链接更改元素的类

我使用Wordpress，在这里我可以修改html、php和css。我有一个场景如下：

PageA有两个链接：Link1和Link2。

PageB有两个选项卡：Tab1和Tab2。

Link1和Link2都应该导航到PageB，但我想这样做，当用户点击Link1时，他会导航到Tab1打开的PageB；当他点击Link2时，他会导航到Tab2打开的PageB。

目前，打开的选项卡有两个css类，而关闭的选项卡没有。当选择关闭的选项卡时，它将获取这两个类，而打开的选项卡将丢失这些类。

现在，我的问题是；如果我点击链接2，有没有办法让Tab2拥有那些类而不是Tab1？我应该更好地利用我所拥有的资源；html、php、css。所以，最好不要使用JavaScript。

编辑：我通过Wordpress插件实现了选项卡，但它们在html中的创建方式如下（Tab1在这里打开，Tab2关闭）：

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1-1" aria-labelledby="ui-id-8" aria-selected="true">
        <a href="#tabs-1-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-8">MyTab1</a>
    </li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-1-2" aria-labelledby="ui-id-9" aria-selected="false">
        <a href="#tabs-1-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-9">MyTab2</a>
    </li>
</ul>

我的链接很简单：

<a title="Link1" href="http://mywebpage.com/?page_id=60">
<a title="Link2" href="http://mywebpage.com/?page_id=60">