如何在 CSS 中启用页面加载时的悬停选项卡?

Question

我正在开发一个网站，我想在其中启用页面加载时悬停。

我用于选项卡的HTML代码是：

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')">London</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>

我用来启用伦敦选项卡内容的CSS代码是：

.tab-contents>.active
{
display:block;
}

问题陈述：

我想知道我应该在小提琴中进行哪些更改，以便在页面加载时始终启用 伦敦 标签并带有悬停。内容部分已经启用，我现在只想通过悬停启用选项卡。

Answer 1

将以下内容添加到脚本中：

var $activeTab = document.querySelector('.tablinks:first-child');
$activeTab.classList.toggle('active');