悬停不会将背景应用于li css

Question

我的错误：悬停在下方？我似乎没有效果。试图隐藏溢出但它没有任何效果。

.tabs-nav li:hover {

}

demo https://jsfiddle.net/tpd83jxx/

Answer 1

您必须在：hover中应用：悬停效果，因为您已经将背景颜色应用于元素。尝试添加此代码。

.tabs-nav a:hover {
  background-color: red;
}

Answer 2

css没有错，您在background标记处应用了a。

所以将悬停更改为a

.tabs-nav li:hover a {
    color: white;
    background: red;
} 

Answer 3

下面的代码适用于我

.tabs-nav li :hover {
  color: white;
  background: red;
}

如果我没有错，则添加空格以将悬停应用于li的孩子。在这种情况下，锚标记