html - 检查元素样式左侧的绿色垂直线是什么意思？

Question

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

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

Answer 1

这条线似乎表明了一种针对悬停状态的样式。

Answer 2

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

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