如何在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');