使導航欄中當前頁面的標題更改顏色。（HTML/css）

-1

嗨，並提前道歉，因爲我知道這是一個愚蠢的問題，但我一直在亂它已經很久了，我仍然無法找到一個有效的解決方案。我試圖在我網站頂部的導航欄中改變當前頁面的標題改變顏色。導航欄是內置的HTML與：使導航欄中當前頁面的標題更改顏色。（HTML/css）

<div class="navbar"> 
     <a href="index.html" class="active" >Home</a> 
     <a href="indian.xml">Indian</a> 
     <a href="italian.xml">Italian</a> 
</div>

，並試圖風格它的CSS是：

.navbar{ 
overflow: hidden; 
background-color: #F5861F; 
width: 100%; 
} 
.navbar a{ 
    float: left; 
    display: block; 
    color: #f2f2f2; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
} 
.navbar a:active{ 
    color:#ffe7d1; 
} 
.navbar a:visited{ 
    color:#8b4e14; 
} 
.navbar a:hover{ 
    color:#874404; 
    font-size:20px; 
} 
.navbar a:current{ 
    color:#ffe7d1; 
}

的「.navbar答：當前的」被離開了那裏我閱讀後積極不得按照我的希望（我將class =「active」更改爲class =「current」），但這也行不通。

我在這裏錯過了什麼？感謝您花時間回答一些如此愚蠢的事情。

來源

2017-10-16 rodney1234

你應該改變/上通過JS當前頁面的鏈接/標題中添加類'active' /'current'。 – Krusader

使用類選擇器'.active'而不是'pseudo-state'選擇器'：active'，'.navbar a.active {color：＃ffe7d1; }' – UncaughtTypeError

@Krusader你可以舉一個例子來說明如何做？我根本不瞭解JS。 – rodney1234

試試這個

a.active {color: red}

a:active並不表示對<a>元素的僞類

https://www.w3schools.com/css/css_pseudo_classes.asp

來源

2017-10-16 11:00:05 DaFois

我改變了.navbar a：active {color：＃ffe7d1; } to .navbar a.active {color：＃ffe7d1; }它沒有區別，有什麼我失蹤？感謝您的時間順便說一句。 – rodney1234

:active是其中的錯誤是一個類，但選擇。

試試這個

.navbar a.active{ 
    color:#ffe7d1; 
}

來源

2017-10-16 11:01:17

我改變了 .navbar a：active { color：＃ffe7d1; } 至 .navbar a.active {＃color：＃ffe7d1; } 它沒有區別，有什麼我失蹤？感謝您的時間順便說一句。 – rodney1234

自己試了一下，效果不錯。如果你的頁面有更多的CSS，也許另一個選擇器覆蓋這個。 –

啊！這是.navbar a：visited { \t color：＃8b4e14; } 部分是這樣做的。有沒有辦法讓我這樣做訪問的鏈接會改變顏色，但目前的頁面將騎在那，並改變顏色仍然？ @Benoit Gambier – rodney1234

使導航欄中當前頁面的標題更改顏色。 （HTML/css）

回答

相關問題

使導航欄中當前頁面的標題更改顏色。（HTML/css）