所以我有一個包含不同專案的選單
<div class="right-nav">
<a href="/metrics/website/index" class="active">Home</a>
<a href="/metrics/website/pages/archives">Archives</a>
</div>
該亮點選單項，我想知道我怎么能做出這樣的類更改取決于哪個頁面我是。所以如果用戶訪問過Archives，那么就有了。
班級只是簡單的顏色
.topnav a.active {
/* When a-tags inside this class has been clicked - do highlight*/
color: var(--selected-nav-page);
}
我所有的 html 代碼都在 php 檔案中運行。
uj5u.com熱心網友回復：
如果我對您的理解正確的話，您有兩個單獨的頁面，一個標題為存檔，另一個標題為主頁。您希望能夠突出顯示當前打開的頁面的名稱。
我建議，由于您在兩個檔案上有兩個頁面，您應該能夠將類移動到站點上您希望它顯示的另一個選項。
<DOCTYPE HTML>
<head>
<style>
.topnav a.active {
color: (colour you pick);
}
</style>
</head>
<body>
<div class="right-nav">
<a href="/metrics/website/index" class="active">Home</a>
<a href="/metrics/website/pages/archives">Archives</a>
</div>
</body>
</html>
uj5u.com熱心網友回復：
您可以像這樣更改類：
document.getElementById("<arcive_id>").class = "active";
uj5u.com熱心網友回復：
你不能用純 CSS 來做到這一點。您將不得不更改頁面的 HTML。由于我們不知道您通常使用的是 PHP 還是 CMS 之類的東西，因此純 HTML/CSS 的唯一方法是手動添加類或撰寫一些動態添加類的 JavaScript。雖然我不會推薦它。
uj5u.com熱心網友回復：
或者，因為你有不同的頁面，一個頁面放在一個頁面上<a href="/metrics/website/index" >Home</a>，另一個頁面放在另一個頁面上<a href="/metrics/website/pages/archives" >Archives</a>，我認為這是最簡單的解決方案，如果我理解這個問題的話。但是，如果您有 2 個單獨的 HTML 檔案，那么對于這兩個頁面，如果有意義的話，您應該這樣做。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/347626.html
標籤：javascript php html css
上一篇：查找陣列的第一個元素并將其顯示在map函式中但有警告-React
下一篇：回圈遍歷陣列并檢查多個條件