檢查元素中左邊的綠色垂直線是什麼意思？

我想添加一個懸停效果到我的按鈕，不管我做什麼都行不通...我檢查了所有繼承的元素，並沒有看到任何可能與我的新懸停聲明衝突。檢查元素中左邊的綠色垂直線是什麼意思？

可有人請看看照片，並告訴我這是什麼綠線到我的懸停聲明左側意味着什麼？

2017-03-17 Sky

我使用Firefox的，因爲我覺得它有檢查元素比鉻更多的選擇。我的懸停聲明也完全被刪除，我不知道爲什麼，我劃掉了所有其他相互衝突的元素。 – Sky

如果它與編程有關，請考慮添加代碼。如果它是一般疑問，這是關閉主題 –

@sagarV你是什麼意思？這涉及到編程，你可以清楚地看到它的代碼 – Sky

-1

看起來這條線表示一種針對懸停狀態的風格。

2017-03-17 05:15:27 Avalokitesvara

-1

看起來你有內聯的CSS，它覆蓋了通過類添加的樣式。對於你的情況，以覆蓋內嵌CSS您可以嘗試使用!important象下面這樣：

.nav5link.nodoNavLink:hover{ 
    background-color: white !important; 
    color: black !important; 
}

2017-03-17 05:25:17

嘿Raju，謝謝！問題在於它覆蓋了原始樣式CSS ......所以在第一個元素上，它表示顏色xxx和背景xxx，但是如果我添加重要元素，那麼元素ID正常着色不再有效！ – Sky

回答