绿色垂直线在inspect元素的样式左边是什么意思？

Question

我正在尝试为我的按钮添加一个悬停效果，无论我做什么它都不起作用...我检查了所有继承的元素，看到没有可能与我的新悬停声明冲突。

有人可以看看图片并告诉我我的悬停声明左边的绿线是什么意思吗？

Answer 1

此行似乎表示以悬停状态为目标的样式。

Answer 2

看起来你有内联css，它覆盖了通过类添加的样式。 为了覆盖内联css，您可以尝试使用!important，如下所示：

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