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

【问题标题】：What does green vertical line mean to the left of style in inspect element?检查元素中样式左侧的绿色垂直线是什么意思？
【发布时间】：2017-03-17 05:11:53
【问题描述】：

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

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

【问题讨论】：

我正在使用 firefox，因为我认为它比 chrome 具有更多的检查元素选项。我的悬停声明也被完全划掉了，我不知道为什么，我已经划掉了所有其他冲突的元素。
如果和编程有关，可以考虑加代码。如果有普遍疑问，那就是题外话
@sagarV 你是什么意思？这与编程有关，您可以清楚地看到它有代码
@sky，这不是代码。它是浏览器显示的元素属性的屏幕截图。两者都不一样

标签： html css inspect-element

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

嘿拉朱，谢谢！问题在于它会覆盖原始样式 CSS ......所以在第一个元素上，它显示颜色 xxx 和背景 xxx，但如果我添加重要，则该元素 ID 正常着色不再起作用！