检查元素中左边的绿色垂直线是什么意思？

我想添加一个悬停效果到我的按钮，不管我做什么都行不通...我检查了所有继承的元素，并没有看到任何可能与我的新悬停声明冲突。检查元素中左边的绿色垂直线是什么意思？

可有人请看看照片，并告诉我这是什么绿线到我的悬停声明左侧意味着什么？

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

回答